topskills
Browse Skills

mermaid-diagrams

Mermaid diagrams from prose with self-validating syntax. Sequence, flowchart, ER, state.

Score 0(?)CommunityAll surfacesby mermaid-skill
Verified for:

Install

$ npx skills add mermaid-skill/skill

Best for

In-doc diagrams (GitHub READMEs, Notion pages) where Mermaid renders inline.

About this skill

Mermaid diagram syntax: sequence, flowchart, ER, state, gantt, class. Self-validating output.

MermaidDiagramsMarkdown

Score breakdown

Score breakdown

rubric 1.0
Install count
0/20
Provenance
8.3/15
GitHub stars
0/15
Recency
6/10
Compatibility
4/10
Documentation depth
6.5/10
Install ergonomics
10/10
License
5/5
Verification freshness
3/5

Composite 0–100 score derived from 9 verifiable signals. See the rubric →

Related skills

Community

D3.js patterns for interactive viz that does not look stock.

D3.jsVizInteractive
Code

Skill FAQ

About mermaid-diagrams

What is the mermaid-diagrams skill?

Mermaid diagram syntax: sequence, flowchart, ER, state, gantt, class. Self-validating output.

Which agents does mermaid-diagrams work with?

Claude Code, Claude.ai (web app), Cursor.

How do I install mermaid-diagrams?

Run `npx skills add mermaid-skill/skill` for Claude Code. See the install panel for per-agent commands.

Is mermaid-diagrams free to use?

Yes — mermaid-diagrams is open source (MIT).

Who maintains mermaid-diagrams?

mermaid-diagrams is published by mermaid-skill and was last updated on 2026-04-19.

What is mermaid-diagrams best for?

In-doc diagrams (GitHub READMEs, Notion pages) where Mermaid renders inline.