drawio-diagrams
**WORKFLOW SKILL** - Create, validate, and edit accessible draw.io SVG diagrams that remain visually editable. Supports basic flowchart and architecture shapes, semantic styling, orthogonal connectors, strict specification validation, and embedded mxGraph XML. USE FOR: create a draw.io diagram, create a .drawio.svg, make an editable architecture or flow diagram, validate draw.io XML, use diagrams.net. DO NOT USE FOR: quick throwaway diagrams that do not need draw.io editability; use Mermaid instead, or complex cloud/UML diagrams that require full draw.io shape libraries; use draw.io Desktop or jgraph/drawio-mcp.
Pinned to revision 847248ba4227, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/drawio-diagrams/SKILL.md
- skills/drawio-diagrams/.gitignore
- skills/drawio-diagrams/.vally.yaml
- skills/drawio-diagrams/LICENSE
- skills/drawio-diagrams/README.md
- skills/drawio-diagrams/assets/example.drawio.svg
- skills/drawio-diagrams/assets/example.spec.json
- skills/drawio-diagrams/assets/examples/service-architecture.drawio.svg
- skills/drawio-diagrams/assets/examples/service-architecture.spec.json
- skills/drawio-diagrams/assets/examples/visual-routing.drawio.svg
- skills/drawio-diagrams/assets/examples/visual-routing.spec.json
- skills/drawio-diagrams/evals/drawio-diagrams/eval.yaml
- skills/drawio-diagrams/package-lock.json
- skills/drawio-diagrams/package.json
- skills/drawio-diagrams/references/layout-guide.md
- skills/drawio-diagrams/references/shape-reference.md
- skills/drawio-diagrams/references/style-guide.md
- skills/drawio-diagrams/references/xml-structure.md
- skills/drawio-diagrams/scripts/make-drawio-svg.mjs
- skills/drawio-diagrams/scripts/validate-drawio.mjs
- skills/drawio-diagrams/test/skill.test.mjs
- skills/drawio-diagrams/thumbnail.png
Every link opens the file at its source, pinned to the revision this page describes.