← ClaudeAtlas

mermaid-syntaxlisted

This skill should be used when the user asks about Mermaid diagram syntax, how to write flowchart, sequence, class, state, ER, Gantt, C4, mindmap, timeline, or other diagram types, node shapes, styling, theming, or rendering errors.
tractorjuice/arckit-claude · ★ 2 · AI & Automation · score 66
Install: claude install-skill tractorjuice/arckit-claude
# Mermaid Syntax Reference A comprehensive reference for all 23 Mermaid diagram types plus configuration and theming. This skill provides official Mermaid syntax documentation sourced from the [mermaid-skill](https://github.com/WH-2099/mermaid-skill) project (auto-synced from upstream Mermaid docs). **This skill ships reference material, not runnable scripts.** Read the relevant reference file with `Read`, apply the syntax, and write the diagram into the user's artefact. Do not `Bash`-execute anything from `references/` — they are Mermaid syntax docs, not commands. To look up syntax for a specific diagram type, identify the type from the table below and read the corresponding reference file. ## Supported Diagram Types Select the appropriate diagram type and read the corresponding reference file: | Type | Reference | ArcKit Commands Using It | | ---- | --------- | ------------------------ | | Flowchart | [flowchart.md](references/flowchart.md) | `/arckit:diagram`, `/arckit:dfd`, `/arckit:roadmap`, `/arckit:plan`, `/arckit:backlog`, `/arckit:strategy`, `/arckit:story`, `/arckit:jsp-936` | | Sequence Diagram | [sequenceDiagram.md](references/sequenceDiagram.md) | `/arckit:diagram` | | Class Diagram | [classDiagram.md](references/classDiagram.md) | — | | State Diagram | [stateDiagram.md](references/stateDiagram.md) | — | | ER Diagram | [entityRelationshipDiagram.md](references/entityRelationshipDiagram.md) | `/arckit:data-model` | | Gantt Chart | [gantt.md](references/gantt