“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.

Build self-contained HTML diagram pages for the motorthings/diagrams GitHub Pages repo.

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

Turn an English description (or mermaid source) into a diagram triplet: the source, an editable .excalidraw file you can open on excalidraw.com, and rendered…

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…

Draw a diagram in Tom's preferred style — technical black-and-white line drawings (thin uniform geometric strokes, hatch for solid/stored things, dimension…

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.

Author architecture, process, sequence, ER and data-flow diagrams as Mermaid that pass a measured readability check (no crossing lines, nothing drawn through…

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

Platform-agnostic Mermaid.js diagramming — flowcharts, sequence diagrams, C4 (via Structurizr or flowchart workarounds), class/state/ER diagrams, Gantt, and…

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.