[H1][MERMAID-DIAGRAMMING]

Dictum: Modern Mermaid syntax produces consistent, styled diagrams.

Mermaid v11+ diagram creation with frontmatter YAML, ELK layout, Dracula palette. 22 diagram types across 5 semantic categories.

Scope:

• Create: New diagrams from requirements. Select category, load syntax reference, apply styling.
• Reference: Syntax lookup for nodes, edges, relationships, charts, architecture.

Domain Navigation:

• [CONFIG] — Frontmatter YAML, ELK 5-phase layout, direction, limits. Load FIRST for all diagrams.
• [STYLING] — Theme presets, themeVariables, classDef, linkStyle, palette. Load for visual customization.
• [GRAPH] — Flowchart, mindmap, block. Load for: decision trees, hierarchies, system decomposition.
• [INTERACTION] — Sequence, journey. Load for: protocols, request-response, user experience.
• [MODELING] — State, ER, class, requirement. Load for: FSM, data models, OOP structure, traceability.
• [CHARTS] — Pie, quadrant, sankey, xy, radar, gantt, treemap. Load for: data visualization, project timelines.
• [ARCHITECTURE] — C4, architecture-beta, packet-beta, timeline, gitgraph, kanban. Load for: system views, infrastructure, network protocols, version control flow, project boards.