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