Mermaid Diagrams

Portable Mermaid.js diagramming for architectural documentation. Not tied to any blog platform, theme, or rendering engine. Diagrams can be rendered via CLI, embedded in markdown, or served as HTML snippets.

When to Use

Load this skill when:

• Creating C4 structural views (use Structurizr DSL for production; flowchart workarounds for inline markdown)
• Producing sequence diagrams for interaction flows
• Designing flowcharts for process documentation
• Building state/class/ER diagrams for specification
• Generating any diagram that needs to render in both agent-facing and human-facing contexts

Do NOT load when:

• A plain text outline communicates the relationship more clearly than a diagram.
• The target renderer cannot execute Mermaid and no pre-rendering path is available.

PDF Output — Pre-render Required