Stats
Actions
Tags
From claudey
Use when asked to create diagrams, flowcharts, architecture visuals, or render Mermaid syntax to PNG/SVG files using the local mmdc CLI tool. Not for inline Mermaid in markdown.
How this skill is triggered — by the user, by Claude, or both
Slash command
/claudey:mermaid-diagramsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
<goal>
mmdc -i diagram.mmd -o diagram.png -w 2400 -H 1800 -b white -q
| Flag | Purpose |
|---|---|
-i | Input .mmd file |
-o | Output file (.png or .svg) |
-w 2400 | Width in pixels (prevents narrow images) |
-H 1800 | Height in pixels |
-b white | Background color (default is transparent) |
-q | Quiet mode (suppress stderr noise) |
| Type | Syntax Prefix | Use Case |
|---|---|---|
| Flowchart | flowchart TD | Process flows, decision trees |
| Sequence | sequenceDiagram | API calls, message passing |
| Class | classDiagram | OOP structures, relationships |
| ERD | erDiagram | Database schemas, table relationships |
| State | stateDiagram-v2 | State machines, lifecycles |
| Gantt | gantt | Project timelines, scheduling |
| Pie | pie | Proportional data |
| Git Graph | gitGraph | Branch strategies, merge flows |
| Mindmap | mindmap | Brainstorming, topic hierarchies |
| Timeline | timeline | Chronological events |
npx claudepluginhub oguzsh/claudey --plugin claudeyCreates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.