Draw.io Diagrams
Generates precise .drawio XML diagrams and exports PNG/SVG/PDF via the draw.io desktop CLI.
Test report
- Verdict
- Tested · Works
- Score
- Tested
- Jul 10, 2026
- Environment
- Claude Code 2.x (agent harness)
- Upstream re-checked
- Aug 10, 2026 · eb2ceeb
Upstream moved 1.28.1 to 1.34.0 since our test: nine new scripts (tube maps, HTML runbooks, bulk relabel, PR-diff CI bot, image-to-drawio, exec-summary compression), four new diagram-type presets (SysML, BPMN, network, swimlane), and libavoid edge-routing docs -- all additive, the core XML workflow we passed is untouched. I executed three of the new generators live from a fresh bare-HOME install: tubemap.py, runbook.py, and relabel.py each produced valid, lint-clean output on first documented use (my own guessed tubemap schema failed; the schema in references/tubemap.md worked, proving the reference is load-bearing). Re-ran the A/B: the no-skill baseline again wrote self-closing edge cells without the mxGeometry child -- the exact silent invisible-edge bug the authoring reference bans -- while the skill arm produced correct edge geometry, distributed entry/exit points, and the documented palette. Scanned all nine new scripts for Stage 0: only local subprocess calls (git, drawio, dot), no network or telemetry. One docs contradiction found: xml-authoring.md still claims libavoid is not a headless CLI flag while the updated SKILL.md and autolayout.md now document 'drawio --layout libavoid'.
Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works
- Installs cleanly 5/5
- Triggers reliably 5/5
- Output vs. baseline 8/10
- Docs & honesty 4/5
What Draw.io Diagrams does
Authors architecture, ER, UML, network, and flowchart diagrams as native .drawio XML, then exports them locally through the draw.io desktop CLI (no browser automation). Triggers on requests for diagrams, flowcharts, ERDs, UML/sequence diagrams, cloud architecture from Terraform/Kubernetes, or ML model figures; explicitly defers hand-drawn/whiteboard requests to other tools and diagrams-as-code Markdown requests to Mermaid.
How to install Draw.io Diagrams
git clone https://github.com/Agents365-ai/drawio-skill
cd drawio-skill
mkdir -p ~/.claude/skills
cp -r skills/drawio-skill ~/.claude/skills/drawio-skill
Skills live in ~/.claude/skills/ (global) or .claude/skills/
(per-project). Restart Claude Code after installing.
Commands — how to trigger Draw.io Diagrams
-
/drawio-skillGenerates precise .drawio XML diagrams and exports PNG/SVG/PDF via the draw.io desktop CLI.
It also activates on plain-language prompts like these:
-
Generate a .drawio ER diagram for this database schema -
Create a UML sequence diagram and export it to PNG -
Draw a cloud architecture diagram from this Terraform config
Frequently asked questions
- Is the Draw.io Diagrams skill free?
- Yes. The skill itself is free from Agents365-ai/drawio-skill. SkillProof publishes the install command and an independent test verdict at no cost.
- Does Draw.io Diagrams work with Claude Code?
- We tested it with Claude Code 2.x (agent harness) on Jul 10, 2026. Verdict: Tested · Works. Upstream moved 1.28.1 to 1.34.0 since our test: nine new scripts (tube maps, HTML runbooks, bulk relabel, PR-diff CI bot, image-to-drawio, exec-summary compression), four new diagram-type presets (SysML, BPMN, network, swimlane), and libavoid edge-routing docs -- all additive, the core XML workflow we passed is untouched. I executed three of the new generators live from a fresh bare-HOME install: tubemap.py, runbook.py, and relabel.py each produced valid, lint-clean output on first documented use (my own guessed tubemap schema failed; the schema in references/tubemap.md worked, proving the reference is load-bearing). Re-ran the A/B: the no-skill baseline again wrote self-closing edge cells without the mxGeometry child -- the exact silent invisible-edge bug the authoring reference bans -- while the skill arm produced correct edge geometry, distributed entry/exit points, and the documented palette. Scanned all nine new scripts for Stage 0: only local subprocess calls (git, drawio, dot), no network or telemetry. One docs contradiction found: xml-authoring.md still claims libavoid is not a headless CLI flag while the updated SKILL.md and autolayout.md now document 'drawio --layout libavoid'.
- What is the Draw.io Diagrams SkillProof Score?
- 8.8/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 8/10, docs & honesty 4/5.
- How do I install Draw.io Diagrams?
- Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
- Can I use Draw.io Diagrams with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
- The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.