“diagrams”

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.

Diagram

diagram.laOfficial

Saves the diagrams your AI draws and gives you a link to share.

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

Draw a software architecture, system, data-model or call-flow diagram as D2 text laid out by TALA (D2's whiteboard-style engine, open source since D2 0.9)…

Generate a self-contained HTML page rendering a mermaid diagram.

Create svg diagram or animation

Use when a user needs a legal or legal-adjacent Mermaid diagram from a document, pasted text, matter description, process, timeline, party map, obligation…

Generates Mermaid diagrams from Trailmark code graphs.

Generate technical diagrams, flowcharts, and architectural mockups.

Writes Mermaid diagrams as plain-text fenced code blocks, entirely locally, and never sends diagram source to an online renderer, editor, or API.

USE WHEN: user needs diagrams, flowcharts, ERDs, sequence diagrams, state machines, architecture visualizations, or says "visualize", "diagram", "chart"…

Show behavioral before/after changes and real decision branches in operator-facing diagrams.

Generate clean SVG/HTML diagrams for architecture, flows, sequences, ER diagrams, and whiteboards.

Diagram creation skills for generating visual diagrams, flowcharts, architecture diagrams, and illustrations using tools like Excalidraw.

Generate Mermaid diagrams from user requirements.

Generate Mermaid diagrams from user requirements.

Generate flat, minimal light/dark-aware SVG diagrams as standalone HTML files, using a unified educational visual language with 9 semantic color ramps…

Draw clear Mermaid diagrams that stay readable on a phone.

Harness adapter for the active task's spec/plan diagram — generates or refreshes the one diagram artifact for the current harness task under the docs user…

Create a Mermaid diagram