Mermaid Diagrams
Creates software diagrams using Mermaid syntax — class diagrams, sequence flows, ERDs, C4 architecture, flowcharts, and more.
Overview
Mermaid Diagrams generates accurate, renderable diagrams from natural language descriptions or existing code. It covers class diagrams for domain modeling, sequence diagrams for API flows, ERDs for database schemas, and C4 diagrams for system architecture.
Capabilities
| Capability | Description |
|---|---|
| Class Diagrams | Models domain objects and their relationships |
| Sequence Diagrams | Visualizes API interactions and code execution flows |
| ERD | Generates entity-relationship diagrams from schema files |
| C4 Architecture | Creates context, container, and component diagrams |
| Flowcharts | Maps processes, algorithms, and user journeys |
Install Steps
1. Install via Claude Code
claude skill install mermaid-diagrams2. Generate a diagram
/diagram sequence "user login flow"3. Render in your editor
Paste the generated Mermaid code into any Mermaid-compatible renderer or use the VS Code Mermaid Preview extension.
Need help? Open an issue or contact the tooling team.