<!-- digest:auto-generated from SKILL.md — do not edit manually -->

# Mermaid Diagrams (Minimal)

**When to Use Mermaid**:

**Syntax Reference**:
### Flowcharts

**Theming (Dark Mode Compatible)**:
Include a neutral theme directive for dark mode compatibility:

**Node Styling**:
Use `classDef` for consistent node styling:

**Azure Resource Visualization**:
For visualizing live Azure resource groups as Mermaid diagrams, use the

**Astro / Starlight Integration**:
In this project, Mermaid is rendered client-side by `rehype-mermaid-lite`.

**Guardrails**:
**DO:** Use fenced code blocks with `mermaid` language tag · Include theme

**Scope Exclusions**:
Does NOT: generate Draw.io architecture diagrams · produce Python charts ·

Read `SKILL.md` or `SKILL.digest.md` for full content.
