draw-io-diagram-generator

SKILL.md

Draw.io Diagram Generator

This skill enables you to generate, edit, and validate draw.io (.drawio) diagram files with
correct mxGraph XML structure. All generated files open immediately in the
Draw.io VS Code extension
(hediet.vscode-drawio) without any manual fixes required. You can also open the files in the draw.io web app or desktop app if you prefer.

1. When to Use This Skill

Trigger phrases (load this skill when you see these)

"create a diagram", "draw a flowchart", "generate an architecture diagram"

"design a sequence diagram", "make a UML class diagram", "build an ER diagram"

"add a .drawio file", "update the diagram", "visualise the flow"

"document the architecture", "show the data model", "diagram the service interactions"

Any request to produce or modify a .drawio, .drawio.svg, or .drawio.png file