Draw.io Diagrams

What it does

Generates editable .drawio XML diagrams from plain-language prompts, exports previews to PNG/SVG/PDF/JPG via the draw.io desktop CLI, and supports an iterative review loop for edits. It can embed the diagram XML into exported PNG/SVG/PDF so files remain editable. Includes presets for flowcharts, ERD, UML, sequence diagrams, architecture, and ML model diagrams.

When to use it

Use when a user asks for diagrams, flowcharts, architecture drawings, ER/UML diagrams, or visualizations of systems with 3+ components. Also trigger proactively when explaining complex data flows or multi-step processes that benefit from a visual representation. Skip for very small lists or quick Q&A.

What's included

• Scripts: none bundled; relies on draw.io desktop CLI being installed on the host.
• References: detailed XML structure, export commands, and layout/style presets contained in the SKILL.md body.
• Instructions: step-by-step workflow: check deps, plan layout, generate .drawio XML, export draft, run (optional) vision-based self-check, iterate with the user, and export final files.

Compatible agents

Best used with agents that can run local commands and (optionally) image-vision self-checks (e.g., Claude Sonnet/Opus, OpenClaw agents that expose CLI execution).