mermaid-gen
✓Generate syntactically correct Mermaid diagrams for technical documentation
Installation
SKILL.md
The mermaid-gen skill provides AI assistants with expert guidance for creating syntactically correct Mermaid diagrams while avoiding common parsing errors that cause rendering failures. This skill focuses on diagram syntax correctness and best practices.
| Diagram Type | Type of Mermaid diagram | flowchart, sequence, state, class | | Diagram Purpose | What the diagram represents | "Agent communication flow", "State machine transitions" | | Content Description | Key elements and relationships | "3 agents, 1 database, request/response flow" |
| Existing Code | Current Mermaid code (if fixing) | None (creating new) | | Error Message | Parse error from renderer | None | | Styling Preferences | Color scheme, layout direction | Project defaults | | Naming Convention | Node ID format | camelCase |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/vladm3105/aidoc-flow-framework --skill mermaid-gen- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is mermaid-gen?
Generate syntactically correct Mermaid diagrams for technical documentation Source: vladm3105/aidoc-flow-framework.
How do I install mermaid-gen?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/vladm3105/aidoc-flow-framework --skill mermaid-gen 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/vladm3105/aidoc-flow-framework
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01