{"$schema":"https://top-agent-skills.com/schemas/skill.v1.json","name":"drawio","slug":"drawio-diagram-generator","canonical":"https://top-agent-skills.com/skill/drawio-diagram-generator","description":"Always use when user asks to create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram, class diagram, network diagram, mockup, wireframe, or UI sketch, or mentions draw.io, drawio, drawoi, .drawio files, or diagram export to PNG/SVG/PDF.","tagline":"The only vendor-official skill from a major diagramming product — and it emits editable .drawio files rather than a throwaway image.","bestFor":"Producing a diagram someone will later edit. Output is native .drawio XML (or an app.diagrams.net link), so the diagram stays maintainable instead of becoming a screenshot.","notIdealFor":"Diagrams that must live inside Markdown. Mermaid stays in the file; .drawio is a separate artefact, which is the trade for editability.","publisher":{"name":"draw.io (JGraph)","url":"https://www.drawio.com","tier":"verified-org"},"license":"Apache-2.0","isOpenSource":true,"surfaces":["claude-code"],"compatibility":["claude-code","codex"],"capabilityLevel":"read-write","setup":{"time":"2 min","complexity":"Low"},"install":[{"agent":"claude-code","command":"/plugin marketplace add jgraph/drawio-mcp","manual":null,"followUp":"Then /plugin install drawio@drawio. No API key or MCP server needed — it optionally shells out to a local draw.io Desktop CLI for Mermaid conversion, ELK auto-layout and PNG/SVG/PDF export."},{"agent":"codex","command":"codex plugin marketplace add jgraph/drawio-mcp","manual":null,"followUp":"The repo ships a separate skill copy under plugins/codex/ for this agent."}],"taxonomy":{"primaryCategories":["diagrams-visualization"],"verticalCategories":["engineering","design"],"tags":["draw.io","Flowchart","Architecture"],"filters":["verified-org","open-source","plugin-install","read-write","recently-updated","builder-favorite","agent-friendly","works-with-claude-code","works-with-codex"]},"links":{"github":"https://github.com/jgraph/drawio-mcp/tree/main/plugins/claude-code/skills/drawio","docs":"https://github.com/jgraph/drawio-mcp/blob/main/plugins/claude-code/skills/drawio/SKILL.md","website":null},"_meta":{"score":{"value":58,"rubric":"1.0","inputs":{"installCount":0,"provenance":12.8,"githubStars":10.5,"recency":8.5,"compatibility":4,"documentation":10,"installErgonomics":7,"license":5,"verification":0.5}},"stats":{"installCount":null,"githubStars":5228,"lastUpdated":"2026-08-03","verifiedAt":null}}}