draw.io Diagrammer Skill

When to use this skill

• User requests a flowchart, process map, or workflow diagram
• User requests an ERD, database diagram, or entity relationship model
• User requests an architecture, system, or component diagram
• User requests a class, sequence, or UML diagram
• User says "draw.io", "diagram", "flowchart", "visualize this process"

Key rules

1. Detect diagram type first before writing any XML
2. Apply universal box spacing to every node
3. Run the visual review loop after every export
4. Never declare done without a visual pass

Visual review loop

After generating any diagram:

1. Export PNG at 2x scale
2. Inspect every section for issues
3. Fix text overflow, arrow collisions, zero-gap problems
4. Re-export and re-inspect until clean
5. Only deliver after a clean visual pass

CLI

/Applications/draw.io.app/Contents/MacOS/draw.io --export --format png --output out.png --scale 2 --border 30 file.drawio