Draw.io Diagram Skill

Generate draw.io diagrams as native .drawio files. Optionally export to PNG, SVG, or PDF with the diagram XML embedded so the exported file remains editable in draw.io.

This skill is based on the draw.io CLI workflow from jgraph/drawio-mcp/skill-cli and adapted for GRC professionals.

How to Create a Diagram

1. Generate draw.io XML in mxGraphModel format for the requested diagram.
2. Write the XML to a .drawio file in the current working directory using the Write tool.
3. Validate XML well-formedness before claiming the diagram is ready.
4. Post-process edge routing when npx @drawio/postprocess is already available. Skip silently if it is unavailable. Do not install it or ask the user about it.
5. If the user requested png, svg, or pdf, locate the draw.io CLI, export with embedded XML, then delete the source .drawio file after a successful export.
6. If the CLI is not found, keep the .drawio file and tell the user they can install the draw.io desktop app to enable export or open the .drawio file directly.
7. Open the result when the environment supports it. If open fails, print the absolute file path.

Choosing the Output Format

Check the user's request for a format preference.