drawio-skill
The drawio-skill generates .drawio XML files and exports them to PNG, SVG, PDF, or JPG formats using the native draw.io desktop CLI. It supports custom styling, complex diagram types like UML and architecture, and automated layout via Graphviz.
Is drawio-skill safe to install?
Review the source first: our audit of drawio-skill's source files found 7 shell commands, 1 external URL, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands to interact with the draw.io desktop CLI and Python scripts for layout and validation. It reads and writes local files, including diagram exports and configuration presets.
How we audit skills: our security review methodology.
Who is this skill for?
Users needing precise, exportable diagrams such as flowcharts, architecture diagrams, ER diagrams, UML, and network topologies.
What can you do with it?
- Generating architecture and network topology diagrams
- Creating UML, sequence, and class diagrams
- Visualizing Python, JS/TS, Go, or Rust project import structures
- Visualizing Python class hierarchies
- Exporting diagrams to PNG, SVG, PDF, or JPG with embedded XML for future editing
- Applying custom style presets to diagrams
How good is this skill?
Quality score: 5/10. The skill provides clear, actionable instructions for CLI interaction and handles common edge cases like sandbox restrictions and file corruption (IEND chunk issue). The workflow is well-defined.
What does the skill file contain?
# Draw.io Diagrams ## Overview Generate `.drawio` XML files and export to PNG/SVG/PDF/JPG locally using the native draw.io desktop app CLI. **Supported formats:** PNG, SVG, PDF, JPG — no browser automation needed. PNG, SVG, and PDF exports support `--embed-diagram` (`-e`) — the exported file contains the full diagram XML, so opening it in draw.io recovers the editable diagram. Use double extensions (`name.drawio.png`) to signal embedded XML. ## When to use / when NOT to use **Use this skill for:** polished, precise diagrams (architecture, network, strict UML, ERD), anything needing solid...
Frequently asked questions
What formats can I export my diagrams to?
The skill supports PNG, SVG, PDF, and JPG exports.
Can I edit the exported files later?
Yes, when using the -e (embed) flag during export, the resulting file contains the full diagram XML, allowing it to be opened and edited in draw.io.
What should I do if the CLI command fails on macOS?
If the CLI is unavailable due to sandbox restrictions, use the browser fallback via the encode_drawio_url.py script or deliver the .drawio XML file directly.
How do I visualize a code project structure?
Use the provided import scripts (pyimports.py, jsimports.py, goimports.py, or rustimports.py) to extract the import graph and pipe the output to the autolayout script.