Name: Mermaid Diagrams: AI Agent Skill
Rating: 9 (1 reviews)
Author: veelenga

Question 1

What is Mermaid Diagrams?

Accepted Answer

Mermaid Diagrams is a free, open-source AI agent skill. Creating and refining Mermaid diagrams with live reload. Use when users want flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, or any other Mermaid visualization. Provides best practices for syntax, styling, and the iterative workflow using mermaid_preview and mermaid_save tools.

Question 2

How do I install Mermaid Diagrams?

Accepted Answer

Install Mermaid Diagrams with a single command: npx mdskills install veelenga/mermaid-diagrams. This downloads the skill files into your project and your AI agent picks them up automatically.

Question 3

What platforms support Mermaid Diagrams?

Accepted Answer

Mermaid Diagrams works with Claude Code, Claude Desktop, Cursor, Vscode Copilot, Windsurf, Continue Dev, Codex, Gemini Cli, Amp, Roo Code, Goose, Opencode, Trae, Qodo, Command Code. Skills use the open SKILL.md format which is compatible with any AI coding agent that reads markdown instructions.

Mermaid Diagrams

Comments & Discussion