creating-mermaid-diagrams
Installation
SKILL.md
Mermaid Diagrams
Preserve editable Mermaid source. Render a static asset only when the consumer requires one.
Route by Structure
| Type | Best for | Basic source |
|---|---|---|
| Flowchart | processes and decisions | assets/examples/flowchart/basic.mmd |
| Sequence | ordered system interactions | assets/examples/sequence/basic.mmd |
| Class | object models | assets/examples/class/basic.mmd |
| State | lifecycle transitions | assets/examples/state/basic.mmd |
| ER | data entities and relationships | assets/examples/er/basic.mmd |
| Other | Gantt, pie, git, journey, timeline, mindmap, requirement, C4 | assets/examples/other/gantt-basic.mmd |
Read references/types.md only for type-specific decisions or syntax beyond the basic source.