Drawio
Generates native draw.io diagrams as editable .drawio files, with optional export to PNG, SVG, or PDF with embedded XML so they stay editable. Handles the full workflow: creates mxGraphModel XML, writes it to disk, locates the draw.io CLI across platforms (including WSL2 quirks), runs the export with the right flags, and opens the result. Works for flowcharts, architecture diagrams, ER diagrams, wireframes, whatever. The source includes detailed CLI paths for each platform and a proper XML reference link. If you regularly sketch diagrams in conversations and want actual files you can keep editing instead of disposable screenshots, this does that.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 20
- skills.sh installs
- 3.4K
- GitHub stars
- 5.8K
- last updated
- Jul 14, 2026
Install
$ npx -y skills add jgraph/drawio-mcp --skill drawio --agent claude-codeInstalls into .claude/skills of the current project.
Files
Draw.io Diagram Skill
Generate draw.io diagrams as native .drawio files. Author each diagram either as Mermaid (concise text that the draw.io desktop CLI converts and lays out for you) or as draw.io XML directly. Optionally auto-layout XML-authored diagrams with ELK, export to PNG/SVG/PDF with the diagram XML embedded (so the exported file stays editable in draw.io), or generate a browser URL that opens the diagram directly in the draw.io editor.
Inline viewer first. This skill writes files and opens them with a shell command. If the draw.io MCP server's create_diagram tool is available in a chat that shows diagrams inline (VS Code's or Cursor's own chat, Claude.ai, ChatGPT), and the user hasn't asked for a .drawio file, an export or a URL, call create_diagram instead: the diagram appears in the conversation, with no file and no shell command. Claude Code, Codex and Copilot CLI don't show diagrams inline, not even in their VS Code or JetBrains extensions: there create_diagram only returns a link, so use this skill.
Authoring: Mermaid or XML?
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/jgraph/drawio-mcp
- Category
- AI & Agent Building
- First seen
- May 16, 2026
Recommended
More AI & Agent Building
apify-market-researchapify/agent-skillsAnalyze market conditions, geographic opportunities, pricing, consumer behavior, and product validation across Google Maps, Facebook, Instagram, Booking.com, an3.4Kskills.sh installs
provider-test-patternshashicorp/agent-skillsTerraform provider acceptance test patterns using terraform-plugin-testing with the Plugin Framework. Covers test structure, TestCase/TestStep fields, ConfigSta3.4Kskills.sh installs
winui-appopenai/skillsBootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Wi3.4Kskills.sh installscli-creatoropenai/skillsBuild a composable CLI for Codex from API docs, an OpenAPI spec, existing curl examples, an SDK, a web app, an admin tool, or a local script. Use when the user 3.3Kskills.sh installs
observability-k8s-investigationelastic/agent-skillsInvestigate Kubernetes workload, node, and control-plane issues using OTel telemetry (EDOT). Use when diagnosing pod failures (CrashLoopBackOff, OOMKilled, Erro3.3Kskills.sh installsprovider-docshashicorp/agent-skillsCreate, update, and review Terraform provider documentation for Terraform Registry using HashiCorp-recommended patterns, tfplugindocs templates, and schema desc3.3Kskills.sh installs