| name | diagram-to-image |
| description | Render Mermaid diagrams to PNG/SVG for sharing. |
| triggers | {"intent_patterns":["mermaid|流程图|架构图|时序图|sequence diagram|flowchart","转成图片|导出图片|render.*(png|svg)|diagram.*(png|图片)","icon block|图标块|图标卡片|信息卡片"],"context_signals":{"keywords":["mermaid","diagram","flowchart","流程图","架构图","时序图","图标","png","svg","render","导出"]},"confidence_threshold":0.6} |
| priority | 7 |
| requires_tools | ["bash"] |
| max_tokens | 200 |
| cooldown | 60 |
| enabled | false |
| disabled_reason | Depends on the external Mermaid CLI (mmdc) in PATH; not self-contained in this workspace. |
diagram-to-image
Render Mermaid code into PNG or SVG image files.
Quick Reference
| Intent | Command | Key Params |
|---|
| Render PNG | $PYTHON $SKILL_DIR/run.py render --code '...' | --code (required) |
| Render SVG | $PYTHON $SKILL_DIR/run.py render --code '...' --format svg | --format |
| Custom output | $PYTHON $SKILL_DIR/run.py render --code '...' --output /path/to/file.png | --output |
Usage
$PYTHON $SKILL_DIR/run.py render --code 'graph LR
A[Client] --> B[API]
B --> C[(DB)]' --format png --theme default --output /tmp/diagram_arch.png
Constraints
- Action is always
render.
- Input field is
code (Mermaid source).
- Supported output formats:
png (default), svg.
- Render timeout: 30 seconds.
- Default output path:
/tmp/diagram_<ts>.<format>.
- Requires
mmdc (Mermaid CLI) in PATH. Install: npm install -g @mermaid-js/mermaid-cli.