drawio-diagram
Installation
SKILL.md
Draw.io Network Diagrams
Generate network diagrams using two approaches:
- Native File Mode — Generate
.drawioXML files on disk with optional PNG/SVG/PDF export via the draw.io desktop CLI (official jgraph skill-cli) - Browser Mode — Open diagrams in the Draw.io browser editor via the
@drawio/mcpMCP server (Mermaid, XML, or CSV input)
Mode 1: Native File Generation (Official Skill-CLI)
Generate native .drawio files directly. Optionally export to PNG, SVG, or PDF with the diagram XML embedded (so the exported file remains editable in draw.io).
How to Create a Diagram
- Generate draw.io XML in mxGraphModel format for the requested diagram
- Write the XML to a
.drawiofile in the current working directory using the Write tool - If the user requested an export format (png, svg, pdf), export using the draw.io CLI with
--embed-diagram, then delete the source.drawiofile - Open the result — the exported file if exported, or the
.drawiofile otherwise