diagram-to-image

v2026.09.25

When a Mermaid diagram needs to be shared as an image → render to PNG/SVG.

GitHub
Install command
npx skhub add cklxx/diagram-to-image
Markdown
SKILL.md

diagram-to-image

Render Mermaid code into image files.

Requirements

  • mmdc (Mermaid CLI) installed and in PATH.
  • Install command: npm install -g @mermaid-js/mermaid-cli

Constraints

  • action=render only.
  • Input field is code (Mermaid source).
  • Supported output formats: png (default), svg.
  • Render timeout: 30s.
  • Default output path: /tmp/diagram_<ts>.<format>.

Usage

python3 skills/diagram-to-image/run.py render --code 'graph LR
A[Client] --> B[API]
B --> C[(DB)]' --format png --theme default --output /tmp/diagram_arch.png
Discovery
Tags

No tags published for this skill.

Version
Latest version metadata

Version

v2026.09.25

Published

Sep 25, 2026

Category

Uncategorized

License

MIT

Source path

skills/diagram-to-image

Default branch

main

Latest commit

bc94628

Tree SHA

f9fa2e7