“diagrams”

diagrams, the rules for every Mermaid diagram.

ASCII architecture and workflow diagrams using Unicode box-drawing chars.

Use when creating or updating diagrams, including architecture, infrastructure, sequence, flowchart, state, or entity-relationship diagrams.

Create readable software, process and network diagrams.

Generate visual flow diagrams, architecture diagrams, and system maps as SVG/PNG.

Draw architecture diagrams from plain English with D2.

Create d2 diagrams — architecture, flowcharts, sequence diagrams, ER diagrams, UML class diagrams, grid layouts, and multi-board compositions.

Comprehensive guide for creating software diagrams using Mermaid syntax.

Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines…

Use when the user asks for a diagram, flowchart, sequence diagram, state machine, or entity-relationship diagram, or when a system, request flow, process, or…

Create, validate, update, and render diagram-as-code artifacts with Mermaid-first schema awareness plus PlantUML, Graphviz DOT, and Excalidraw JSON adapters.

Creates or updates a drawio diagram per rules/diagrams.md, writing the source file and previewing via MCP.

Create professional SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines…

Create technical diagrams-as-code (Mermaid by default) — architecture, flowcharts, sequence/state/ER/class/data-flow diagrams, mind maps, Gantt, C4 —…

Diagrams as images — flowcharts, processes, systems, sequences, states, mind maps — from Mermaid in the house style; archify for showcase architecture diagrams.

Direct-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationships, sequence, topology, state…

Draw an architecture, sequence, flow, state or hierarchy diagram from real code or a described system: Mermaid in chat by default, or a self-contained HTML…

MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call.

Generate visual diagrams (flowchart, sequence, class, state, ER, C4) via draw.io.

generate, refine, validate, and render diagrams from natural language, notes, code snippets, schemas, tables, or existing diagram source.

Generate a Mermaid diagram (ER, architecture, deployment, or security) by reading the actual codebase and writing it to docs/.

Use only when creating architecture diagrams with Python's `diagrams` library (mingrammer/diagrams).

Use the mermaid-diagrams skill whenever you are creating or updating mermaid diagrams.

Teaches PMs to create syntactically valid mermaid diagrams by selecting the right diagram type for their communication need, following syntax validity rules…