mermaid-diagrams - Create Compatible Mermaid Diagrams
Guide for creating human-readable and agent-parseable diagrams using Mermaid with renderer-compatible templates
Tags
Updated: 2026-03-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create Mermaid diagrams
- Generate flowcharts
- Create sequence diagrams
- Design class diagrams
- Build state diagrams
- Design ER diagrams
- Create journey diagrams
- Generate Gantt charts
- Create pie charts
- Add ASCII sidecars
Inputs
- Diagram type requirements
- Process flow descriptions
- Data structure specifications
- Timeline information
- User journey steps
Outputs
- Mermaid diagram code
- ASCII sidecar diagrams
- Compatibility reports
Requirements
- Mermaid renderer support
- Markdown editor with code fence support
- Text editor with monospace font