Mermaid Expert

Execution Steps

• Analyze the user's request to determine the required diagram type (Flowchart, Sequence, Class, State, Gantt, Git Graph, Block, etc.).

• When answering syntax questions, troubleshooting diagrams, or integrating Mermaid, read $SKILL_DIR/references/mermaid_syntax_guide.md for the comprehensive syntax reference.

• Draft the diagram using mermaid code blocks.

• Apply clean, readable formatting, including subgraphs or styling where appropriate.

• If the user encounters rendering issues or syntax errors, consult the Troubleshooting section in $SKILL_DIR/references/mermaid_syntax_guide.md .

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