mermaid-syntax

Solid

Mermaid syntax reference for writing or fixing a diagram in an artefact: flowchart, sequence, class, state, ER, Gantt, C4, mindmap, timeline and the other diagram types, node shapes, styling, theming, and why a diagram fails to render. Not needed for PlantUML (plantuml-syntax), or when the request is for a governed diagram artefact with document control, which /arckit:diagram produces.

AI & Automation 2,219 stars 279 forks Updated 1 weeks ago NOASSERTION

Install

View on GitHub

Quality Score: 86/100

Stars 20%
100
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# 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...

Details

Author
tractorjuice
Repository
tractorjuice/arc-kit
Created
11 months ago
Last Updated
1 weeks ago
Language
JavaScript
License
NOASSERTION

Bundled in these plugins

arc-kit

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

mermaid-syntax

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.

2 Updated 1 months ago
tractorjuice
AI & Automation Solid

plantuml-syntax

PlantUML syntax reference, C4-PlantUML first, for writing or fixing a diagram in an artefact: sequence, class, activity, state, ER, component, deployment and use-case diagrams, skinparams and themes, C4 layout conflicts and rendering errors. Not needed for Mermaid (mermaid-syntax), or when the request is for a governed diagram artefact with document control, which /arckit:diagram produces.

2,219 Updated 1 weeks ago
tractorjuice
AI & Automation Listed

mermaid-diagrams

This skill should be used when the user asks to "create a diagram", "generate a flowchart", "add a sequence diagram", "visualize architecture", "create an ER diagram", "draw a state machine", "add mermaid diagram", "diagram the data model", "show the workflow", or "map out the process". Provides Mermaid diagram syntax knowledge, diagram type selection guidance, and visual conventions for generating clear, well-structured diagrams from code or requirements.

3 Updated yesterday
ClaudeRegistry