drawio▌

Quick Start: Create <mxfile> with <diagram> → Define <mxGraphModel> with grid settings → Add <root> with cells → Use <mxCell> for shapes and edges → Set geometry with <mxGeometry> → Wrap in ```drawio fence.

Create professional logical diagrams in draw.io's native XML format for logical flow diagrams, system architecture visualizations, and abstract process representations using generic shapes and symbols.

Use this skill whenever the user wants to:

AI-powered Draw.io diagram creation with YAML design system, math typesetting, and academic export support. \n \n Supports six themes and multiple input formats (YAML, Mermaid, CSV) with real-time browser preview and validation \n Includes task routing for create, edit, replicate, math formulas, academic papers, and stencil-heavy diagrams \n Built-in math typesetting for LaTeX, AsciiMath, MathJax, and multilingual formulas with official delimiter enforcement \n Covers academic and IEEE-style dia

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).