mermaid-expert

Installation
SKILL.md

Mermaid Expert

Execution Steps

  1. Analyze the user's request to determine the required diagram type (Flowchart, Sequence, Class, State, Gantt, Git Graph, Block, etc.).
  2. When answering syntax questions, troubleshooting diagrams, or integrating Mermaid, read $SKILL_DIR/references/mermaid_syntax_guide.md for the comprehensive syntax reference.
  3. Draft the diagram using mermaid code blocks.
  4. Apply clean, readable formatting, including subgraphs or styling where appropriate.
  5. If the user encounters rendering issues or syntax errors, consult the Troubleshooting section in $SKILL_DIR/references/mermaid_syntax_guide.md.
  6. Keep responses concise and focused; return the working diagram code. Do not lecture on basic syntax unless asked.

Rules

  • Always output correct Mermaid syntax enclosed in standard markdown mermaid blocks unless requested otherwise (like HTML integration).
  • Default to TD / TB for flowcharts unless LR makes better sense contextually.
  • Do NOT output lengthy encyclopedic tutorials; rely on reading your references and providing exact working solutions.
Weekly Installs
27
GitHub Stars
13
First Seen
Jan 29, 2026
Installed on
github-copilot26
opencode26
gemini-cli25
claude-code25
codex25
amp25