Agent-Skills.md

Agent Skills: Mermaid Expert

>-

UncategorizedID: bahayonghang/my-claude-code-settings/mermaid-expert

Repository

bahayonghang/my-claude-code-settings
bahayonghangLicense: MIT
11

Install this agent skill to your local

pnpm dlx add-skill https://github.com/bahayonghang/my-claude-code-settings/tree/HEAD/content/skills/diagram-skills/mermaid-expert

Skill Files

Browse the full folder contents for mermaid-expert.

Download Skill

Loading file tree…

content/skills/diagram-skills/mermaid-expert/SKILL.md

Skill Metadata

Name
mermaid-expert
Description
>-

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.