mermaid-diagram

mermaid-diagram is an open-source data skill for Claude Code and compatible agents, published by wanshuiyin. Its author describes it as: “Generate Mermaid diagrams from user requirements. Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and 18 more diagram types.”. The project has 15k stars on GitHub and is available under the MIT license. Add it to your setup with `git clone https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep ~/.claude/skills/mermaid-diagram`.

What mermaid-diagram does

Generate high-quality Mermaid diagram code based on user requirements, with file output and verification.

Installation

Add mermaid-diagram to your agent with:

git clone https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep ~/.claude/skills/mermaid-diagram

Always review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.

What's inside

The SKILL.md for mermaid-diagram is organised into these sections:

• Constants
• Workflow: MUST EXECUTE ALL STEPS
• Step 0: Pre-flight Check
• Step 1: Understand Requirements & Select Diagram Type
• Step 2: Read Documentation
• Configuration & Themes
• Step 3: Generate Mermaid Code & Save Files
• Step 4: Verify Mermaid Syntax (MANDATORY)
• Step 5: Claude STRICT Visual Review & Scoring (MANDATORY)
• Step 6: Final Output Summary
• Architecture Diagram Best Practices
• Use Junctions for Layout Control

When to use it

Reach for mermaid-diagram when you want data help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.

Strengths

• Clear MIT license — safe to read and adapt
• Ships in wanshuiyin/Auto-claude-code-research-in-sleep, an established project with 14,858 GitHub stars
• Actively maintained (recent commits)

Topics

Frequently asked questions

What does mermaid-diagram do?

Generate Mermaid diagrams from user requirements. Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and 18 more diagram types.

How do I install mermaid-diagram?

Run git clone https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep ~/.claude/skills/mermaid-diagram in your agent, then reload your skills. Review the source at https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep before installing.

Is mermaid-diagram free to use?

Yes. mermaid-diagram is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.

Where does mermaid-diagram come from?

mermaid-diagram ships inside wanshuiyin/Auto-claude-code-research-in-sleep, a repository that contains 41 catalogued skills in total. The repository's 14,858 GitHub stars apply to that whole collection, not to this skill on its own.