Skill UI

Generates and edits draw.io (.drawio/.drawio.svg/.drawio.png) files via mxGraph XML, supporting templates, layout guidance, and the VS Code Draw.io extension so diagrams for flowcharts, architecture, UML, ER, sequences, and networks open without manual fixes.

The skill generates professional diagrams (flowcharts, architecture, UML, ERD) using the native draw.io desktop CLI. It creates editable .drawio XML files and exports them to common formats like PNG, SVG, PDF, and JPG. Ideal for visualizing complex systems, data flows, or component relationships.

Use this comprehensive skill to generate, manipulate, and export draw.io diagrams. It converts diagrams into native .drawio files and allows exporting to high-quality formats like PNG, SVG, and PDF. Crucially, it embeds the editable XML data, ensuring the resulting diagrams are professional, scalable, and easily integrated into documents.