Draw Io Diagram Generator

This is a proper mxGraph XML generator that creates draw.io files you can actually open without fixing broken references or missing geometry tags. It covers flowcharts, architecture diagrams, sequence diagrams, ER models, and UML classes, with templates for each and a validation script to catch malformed XML before you waste time debugging it. The workflow is structured: parse the request, pick a template or start fresh, plan the layout with real spacing numbers, generate cells with unique IDs and correct parent references, apply semantic color styles, and save. It handles the tedious parts like escaped labels, orthogonal edge routing, and swimlane containers. If you need diagrams in code reviews or documentation and want them version controlled instead of buried in some web app, this does the job.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 6
skills.sh installs: 2.9K
GitHub stars: 41K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add github/awesome-copilot --skill draw-io-diagram-generator --agent claude-code

Installs into .claude/skills of the current project.

Files

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

Supported diagram types

SKILL.md on GitHub