Instruction file imported from AlbanAndrieu/fastapi-sample (.cursor/rules/112_mermaid-diagrams.mdc). Copyright stays with the author.

description: Standards for creating Mermaid diagrams in markdown globs: *.md alwaysApply: false

Mermaid Diagrams

Name: 112_mermaid-diagrams
Author: AlbanAndrieu

01 Basic Syntax

Use triple backticks with mermaid tag:

graph TD
    A[Start] --> B[End]

02 Style Guidelines

Use classDef for consistent styling
Use <br /> for line breaks (not \n)
Include emojis on both edges and nodes when appropriate
Use descriptive node labels

03 Relationship Diagrams

For complex relationships, use direction and line styles:

graph TD
    A[Main Concept] --> B[Subconcept 1]
    A --> C[Subconcept 2]

    B --> D[Example 1]
    C -.-> |"relates to"| D

    classDef main fill:none,stroke:#0275d8,stroke-width:2px;
    classDef sub fill:none,stroke:#5cb85c,stroke-width:1px;

    class A main;
    class B,C,D sub;

04 Including Legends

Add legends using subgraphs:

graph LR
    subgraph Legend
        L1["Solid line (→)"] --> L2["Direct relationship"]
        L3["Dashed line (-.->)"] -.-> L4["Indirect relationship"]

        style L1 fill:none,stroke:#333,stroke-width:1px
        style L3 fill:none,stroke:#333,stroke-width:1px
    end

    style Legend fill:none,stroke:#333,stroke-width:1px

05 Common Diagram Types

graph TD - Top-down flowchart
graph LR - Left-right flowchart
sequenceDiagram - Sequence diagrams
classDiagram - Class relationships
stateDiagram-v2 - State transitions
gantt - Project timelines

{ "ocm": "1", "id": "albanandrieu-fastapi-sample-112-mermaid-diagrams-rule", "kind": "skill", "name": "112_mermaid-diagrams", "description": "Use triple backticks with mermaid tag:", "publisher": "AlbanAndrieu", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github-cursor-rules" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Use triple backticks with mermaid tag:" ], "primary": false, "metadata": { "source": { "provider": "github-cursor-rules", "repository": "https://github.com/AlbanAndrieu/fastapi-sample", "path": ".cursor/rules/112_mermaid-diagrams.mdc", "ref": "766d58f2d6142861a1805f65e1873aedc1cecb2c", "url": "https://github.com/AlbanAndrieu/fastapi-sample/blob/766d58f2d6142861a1805f65e1873aedc1cecb2c/.cursor/rules/112_mermaid-diagrams.mdc", "key": "AlbanAndrieu/fastapi-sample/.cursor/rules/112_mermaid-diagrams.mdc" } }, "instructions": "---\ndescription: Standards for creating Mermaid diagrams in markdown\nglobs: *.md\nalwaysApply: false\n---\n\n# Mermaid Diagrams\n\n## 01 Basic Syntax\n\nUse triple backticks with mermaid tag:\n\n```mermaid\ngraph TD\n A[Start] --> B[End]\n```\n\n## 02 Style Guidelines\n\n- Use `classDef` for consistent styling\n- Use `<br />` for line breaks (not `\\n`)\n- Include emojis on both edges and nodes when appropriate\n- Use descriptive node labels\n\n## 03 Relationship Diagrams\n\nFor complex relationships, use direction and line styles:\n\n```mermaid\ngraph TD\n A[Main Concept] --> B[Subconcept 1]\n A --> C[Subconcept ", "cost": { "context_tokens": 367 } }

112_mermaid-diagrams

About

description: Standards for creating Mermaid diagrams in markdown globs: *.md alwaysApply: false

Mermaid Diagrams

01 Basic Syntax

02 Style Guidelines

03 Relationship Diagrams

04 Including Legends

05 Common Diagram Types

Use it

Manifest

Reviews