Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From mermaid
Creates and validates Mermaid diagrams (flowcharts, sequences, states, ER) in markdown files with syntax checking.
npx claudepluginhub bendrucker/claude --plugin mermaidHow this skill is triggered — by the user, by Claude, or both
Slash command
/mermaid:diagramThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Create and validate Mermaid diagrams with syntax checking.
Generates error-free Mermaid diagrams (flowcharts, sequence, class, state, ER, gantt, pie, mindmaps, timelines) with strict syntax rules that prevent HTML tags, style directives, and invalid escapes.
Creates, validates, and troubleshoots Mermaid.js diagrams including flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and state diagrams via CLI tool.
Guides creation of syntactically correct Mermaid diagrams including flowcharts, sequence diagrams, class diagrams, state diagrams, Gantt charts, ER diagrams, and data lineage visualizations.
Share bugs, ideas, or general feedback.
Create and validate Mermaid diagrams with syntax checking.
| Type | Directive | Use For |
|---|---|---|
| Flowchart | flowchart TB | Process flows, decision trees, system architecture |
| Sequence | sequenceDiagram | API interactions, message passing, protocols |
| State | stateDiagram-v2 | State machines, lifecycles, status transitions |
| ER | erDiagram | Database schemas, entity relationships |
Validate mermaid syntax in markdown files:
bun ${CLAUDE_SKILL_DIR}/scripts/validate.ts <file.md>
LR) for timelines, top-to-bottom (TB) for hierarchies