Menu
When a Mermaid diagram needs to be shared as an image → render to PNG/SVG.
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
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.
| 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