Mermaid Diagram Generator

Overview

Generates Mermaid diagrams for documentation.

When to Use

• User asks to "draw a diagram" or "create architecture diagram"

Flowchart Template

graph TD A[Start] --> B{Decision} B -->|Yes| C[Action 1] B -->|No| D[Action 2] C --> E[End] D --> E

Sequence Diagram Template

sequenceDiagram Client->>API: POST /orders API->>DB: INSERT order DB-->>API: order_id API-->>Client: Confirmation

Architecture Diagram Template

graph TB subgraph Frontend A[React App] end subgraph Backend B[API Gateway] C[Auth Service] end A --> B B --> C

Tips

• Use LR (left-right) or TD (top-down)
• Use subgraphs to group components
• Add notes for complex decisions