mermaid-diagramslisted
Install: claude install-skill ClaudeRegistry/marketplace
# Mermaid Diagrams
## Purpose
Provide diagram type selection guidance, Mermaid syntax knowledge, and visual conventions for generating accurate, readable diagrams. Apply these standards when creating architecture diagrams, flowcharts, sequence diagrams, entity-relationship diagrams, class diagrams, state machines, or any other Mermaid-supported visualization.
## Diagram Type Selection
Choose the diagram type based on what needs to be communicated. Use the following table to match the user's goal to the appropriate diagram type.
| Goal | Diagram Type | Mermaid Keyword | Best For |
|------|-------------|-----------------|----------|
| Show how components connect | Flowchart / Graph | `graph` or `flowchart` | System architecture, service dependencies, data pipelines |
| Show message flow over time | Sequence Diagram | `sequenceDiagram` | API call chains, authentication flows, microservice communication |
| Model database structure | ER Diagram | `erDiagram` | Database schemas, data models, entity relationships |
| Show class structure and inheritance | Class Diagram | `classDiagram` | Object-oriented design, interface hierarchies, module APIs |
| Model state transitions | State Diagram | `stateDiagram-v2` | Order lifecycles, UI states, workflow engines, FSMs |
| Show a timeline of work | Gantt Chart | `gantt` | Project schedules, migration timelines, sprint plans |
| Show Git branching | Git Graph | `gitGraph` | Branching strategies, release flows, merge patterns |
| Visual