Generate editable .drawio XML diagrams — flowcharts, architecture, ER, UML, network, and ML/DL model figures — and export to PNG/SVG/PDF/JPG via the native draw.io desktop CLI.
---
name: Draw.io Diagrams
description: Generate .drawio XML and export to PNG/SVG/PDF/JPG using the native draw.io desktop CLI. Use for flowcharts, architecture, ER, UML/sequence/class, network topology, ML/DL model figures, and mind maps — especially when the diagram needs custom styling, rich shape vocabulary, swimlanes, or editable exports.
---
Produce precise, polished `.drawio` diagrams and export them locally with the draw.io desktop app CLI (no browser automation).
## Workflow
1. Confirm draw.io fits: use it for architecture, network, strict UML/ERD, swimlanes, opaque fills, and 10k+ branded shapes. Route casual sketches to excalidraw/tldraw and diagrams-as-code to mermaid/plantuml.
2. Build the `.drawio` XML for the requested diagram type; consult `references/diagram-types.md` for type-specific patterns (ERD, UML, sequence, ML/DL).
3. For specific shapes, run `scripts/shapesearch.py "<keywords>"` to get the exact official `style=` string; for AI/LLM brand icons use `scripts/aiicons.py "<brand>"`.
4. Export with the draw.io CLI to PNG/SVG/PDF/JPG; add `--embed-diagram` (`-e`) and a double extension like `name.drawio.png` to keep the file editable.
5. Optionally run `scripts/autolayout.py` (needs Graphviz `dot`) and a vision-model self-check of the rendered image.
Requires the draw.io desktop CLI on PATH.
Full skill & source: https://github.com/Agents365-ai/drawio-skill/tree/main/skills/drawio-skillSign in to rate and review this skill.
No reviews yet. Be the first to review this skill.