← ClaudeAtlas

mermaid-diagramslisted

This skill should be used when the user asks to "create a diagram", "generate a flowchart", "add a sequence diagram", "visualize architecture", "create an ER diagram", "draw a state machine", "add mermaid diagram", "diagram the data model", "show the workflow", or "map out the process". Provides Mermaid diagram syntax knowledge, diagram type selection guidance, and visual conventions for generating clear, well-structured diagrams from code or requirements.
ClaudeRegistry/marketplace · ★ 2 · AI & Automation · score 71
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