Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML authoring, shape libraries, style strings, flowcharts, system architecture, sequence diagrams, ER diagrams, UML class diagrams, network topology, layout strategy, the hediet.vscode-drawio VS Code extension, and the full agent workflow from request to a ready-to-open file.
Install
npx skills add github/awesome-copilot --skill draw-io-diagram-generatornpx skills add github/awesome-copilot --skill draw-io-diagram-generator -a claude-code -gnpx skills add github/awesome-copilot --skill draw-io-diagram-generator -a codex -ggemini skills install https://github.com/github/awesome-copilot.git --path skills/draw-io-diagram-generatorgh skill install github/awesome-copilot draw-io-diagram-generatorgit clone --depth 1 https://github.com/github/awesome-copilot /tmp/github__awesome-copilot
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/github__awesome-copilot/skills/draw-io-diagram-generator ~/.claude/skills/draw-io-diagram-generator # Claude Code
cp -R /tmp/github__awesome-copilot/skills/draw-io-diagram-generator ~/.agents/skills/draw-io-diagram-generator # Codex, Cursor, Gemini CLI, Copilot, OpenCode