Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From drawio-diagramming
Indexes draw.io XML templates by diagram type including flowcharts, sequences, ER diagrams, C4 architecture, UML, and Kubernetes. Provides skeleton and requirements for generating valid diagrams.
npx claudepluginhub markus41/claude --plugin drawio-diagrammingHow this skill is triggered — by the user, by Claude, or both
Slash command
/drawio-diagramming:templatesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
This skill indexes all available templates. Each template demonstrates the correct
Generates and validates draw.io XML diagrams enforcing 23 strict quality rules for structure, styles, fonts, edges, and layout. CLI validator for flowcharts, architecture, and sequence diagrams.
Generates .drawio architecture diagrams with consistent styles for containers, capabilities, external services, processes, and outcomes. Includes legend and exports to PNG/SVG/PDF/HTML.
Reference for generating valid draw.io XML diagrams programmatically, including mxGraphModel structure, cell types, style properties, and validation rules for .drawio files.
Share bugs, ideas, or general feedback.
This skill indexes all available templates. Each template demonstrates the correct
XML structure with the full <mxfile> wrapper, proper layers, edge routing,
shadows, and containers.
| Template | File | Use For |
|---|---|---|
| Flowchart | commands/create.md (Template Library section) | Process flows, algorithms |
| Sequence | commands/create.md (Sequence Diagram Template) | API flows, request traces |
| ER Diagram | commands/create.md (ER Diagram Template) | Database schemas |
| C4 Architecture | commands/create.md (C4 Architecture Template) | System architecture |
| UML Class | commands/create.md (UML Class Diagram Template) | OO design |
| Kubernetes | commands/create.md (Kubernetes Diagram Template) | K8s topology |
| Swimlane | commands/create.md (Swimlane Diagram Template) | Cross-team flows |
| Mind Map | commands/create.md (Mind Map Template) | Brainstorming |
| Simple Flowchart | skills/xml-generation/SKILL.md (Example 1) | Quick processes |
| AWS Architecture | skills/xml-generation/SKILL.md (Example 2) | Cloud infra |
| UML Sequence | skills/xml-generation/SKILL.md (Example 3) | Detailed sequences |
Every template MUST include:
<mxfile> wrapper (never bare <mxGraphModel>)background="none" on <mxGraphModel>shadow=1; on primary shapeshtml=1; with <b> tags on labelsedgeStyle=orthogonalEdgeStyle;rounded=1;jettySize=auto; on edgesstrokeWidth=2; on primary flow edgesexitX/exitY/entryX/entryY on edges between non-aligned shapes<mxfile host="Claude" modified="2026-03-17T00:00:00.000Z" agent="Claude Code" version="24.0.0" type="device">
<diagram id="diagram-1" name="[Title]">
<mxGraphModel dx="1422" dy="794" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0" background="none">
<root>
<mxCell id="0" />
<mxCell id="1" value="Main" parent="0" />
<mxCell id="layer-notes" value="Annotations" parent="0" />
<!-- Title -->
<mxCell id="title" value="<b>[Diagram Title]</b>" style="text;html=1;fontSize=16;align=left;" vertex="1" parent="layer-notes">
<mxGeometry x="40" y="10" width="300" height="30" as="geometry" />
</mxCell>
<!-- Content goes on layer "1" (Main) -->
<!-- Annotations/legend go on layer "layer-notes" -->
</root>
</mxGraphModel>
</diagram>
</mxfile>