·mermaid
</>

mermaid

wh-2099/mermaid-skill

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

5Installs·0Trend·@wh-2099

Installation

$npx skills add https://github.com/wh-2099/mermaid-skill --skill mermaid

SKILL.md

Generate high-quality Mermaid diagram code based on user requirements.

Select the appropriate diagram type and read the corresponding documentation:

| Flowchart | flowchart.md | Processes, decisions, steps | | Sequence Diagram | sequenceDiagram.md | Interactions, messaging, API calls | | Class Diagram | classDiagram.md | Class structure, inheritance, associations | | State Diagram | stateDiagram.md | State machines, state transitions |

Generate Mermaid diagrams from user requirements. Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and 18 more diagram types. Source: wh-2099/mermaid-skill.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/wh-2099/mermaid-skill --skill mermaid
Category
</>Dev Tools
Verified
First Seen
2026-02-06
Updated
2026-02-18

Quick answers

What is mermaid?

Generate Mermaid diagrams from user requirements. Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and 18 more diagram types. Source: wh-2099/mermaid-skill.

How do I install mermaid?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/wh-2099/mermaid-skill --skill mermaid Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/wh-2099/mermaid-skill

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-02-06

Related Skills

None