Showcase
Showcase media from the upstream repository, re-hosted with credit. Agents365-ai/drawio-skill
How to use
- 1
Copy the install prompt
Sign in, then click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
/drawio-skill make me: Engineering teams that keep diagrams in draw.ioExample message showing how to invoke it, not a real output.
What you get
- Editable .drawio architecture, UML, ERD, BPMN and swimlane diagrams
- Incremental sync that keeps your manual layout
- Exports to PNG/SVG, interactive HTML, PPTX and Mermaid
Good fit
- Engineering teams that keep diagrams in draw.io
- Diagrams generated from real infrastructure code
Not for
- Cases where Mermaid or PlantUML is enough
What you need
- python3; the draw.io desktop app for exports
- License
- MIT
- Author
- @Agents365-ai
- Source
- Agents365-ai/drawio-skill/skills/drawio-skill · ★ 9,956
Upstream description
Create and edit draw.io/diagrams.net diagrams as editable `.drawio` files. Covers architecture, UML/ERD/sequence, BPMN, network, and swimlane views authored from a description or converted from code, IaC, SQL, and API schemas, plus sync, query, test, review, export, and publish of existing diagrams. Use when the user asks for draw.io/diagrams.net or an editable diagram; prefer Mermaid/PlantUML…
Other ways to install
Prefer doing it yourself? These commands do the same as the button.
Read https://skilloop.dev/skills/drawio-skill/install.md and follow the instructions to install the skill.
npx skills add https://github.com/Agents365-ai/drawio-skill/tree/main/skills/drawio-skill -g -a claude-code
npx skills add https://github.com/Agents365-ai/drawio-skill/tree/main/skills/drawio-skill -g -a codex
git clone --depth 1 https://github.com/Agents365-ai/drawio-skill.git /tmp/drawio-skill mkdir -p ~/.claude/skills && cp -r /tmp/drawio-skill/skills/drawio-skill ~/.claude/skills/drawio-skill
Original work by its authors, redistributed under its license. We only link and describe it.
Related skills
Data Report Page
Turn a CSV, Excel or JSON file into a polished visual report page with charts and key takeaways.
Skill Creator
Create, edit and benchmark your own Agent Skills — including evals and description tuning for better triggering.
Brainstorming Before Building
Makes your coding agent clarify intent, requirements and design with you before it writes any code.
Systematic Debugging
A four-phase debugging discipline: find the root cause before proposing fixes, for any bug or failing test.