Menu
When a Mermaid diagram needs to be shared as an image → render to PNG/SVG.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
When prompt, tool, or agent logic changes need regression testing → run eval benchmarks to detect regressions or improvements.
When a task can be parallelized (bulk code review, multi-module refactor, batch analysis) → split into subtasks running in isolated git worktrees via multiple workers.
When the user wants to research academic papers → search ArXiv, extract PDFs, summarize/review/Q&A, generate experiment code.
When you need to interact with web pages using the user's logged-in browser → control Chrome via @playwright/cli daemon, reusing cookies/session with persistent tabs.
When user needs AnyGenIO content generation → unified CLI for task execution with progressive disclosure.
When you need to persist files (reports, docs, evidence) beyond the session → create/query/delete durable artifacts.
Based on SOC occupation classification
| name | diagram-to-image |
| description | When a Mermaid diagram needs to be shared as an image → render to PNG/SVG. |
| triggers | {"intent_patterns":["mermaid|流程图|架构图|时序图|sequence diagram|flowchart","转成图片|导出图片|render.*(png|svg)|diagram.*(png|图片)","icon block|图标块|图标卡片|信息卡片","画个.*图|draw.*diagram|生成.*架构|generate.*chart","ER.*图|entity.*relationship|类图|class.*diagram|状态图|state.*diagram","甘特图|gantt|饼图|pie.*chart|思维导图|mindmap","可视化.*流程|visualize.*flow|流程.*可视化","导出.*高清|export.*hd|分享.*图片|share.*image"],"context_signals":{"keywords":["mermaid","diagram","flowchart","流程图","架构图","时序图","图标","png","svg","render","导出","甘特图","类图","ER图","思维导图","可视化","chart"]},"confidence_threshold":0.6} |
| priority | 7 |
| requires_tools | ["bash"] |
| max_tokens | 200 |
| cooldown | 60 |
Render Mermaid code into image files.
mmdc (Mermaid CLI) installed and in PATH.npm install -g @mermaid-js/mermaid-cliaction=render only.code (Mermaid source).png (default), svg./tmp/diagram_<ts>.<format>.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