Overview
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.
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
Installation
Add mermaid-diagram to your agent with:
git clone https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep ~/.claude/skills/mermaid-diagram Review a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.
Supported agents
- Claude Code — declared in the repository topics
- Codex — declared in the repository topics
License
mermaid-diagram is published under the MIT license.
Strengths
- Clear MIT license — safe to read and adapt within its terms
- Ships in wanshuiyin/Auto-claude-code-research-in-sleep, an established project with 14,858 GitHub stars
- Works with Claude Code, Codex
- Actively maintained — repository updated in the last 90 days
Author
Topics
Alternatives to mermaid-diagram
Similar skills from other repositories:
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.
- Which agents does mermaid-diagram work with?
- mermaid-diagram lists Claude Code and Codex — named in its SKILL.md, its plugin marketplace or its repository topics. Skills use the portable SKILL.md format, so other agents that read that format may load it too.
- 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.