drawio-architecturelisted

Use when generating architecture diagrams, system/service diagrams, network topology, cloud architecture, flowcharts, ER diagrams, or any draw.io/diagrams.net visualization, AND you need to wire up the official draw.io MCP server (npx @drawio/mcp) or actually open diagrams through MCP tools (open_drawio_xml, open_drawio_mermaid, open_drawio_csv, search_shapes, list/get/set_page). Covers MCP server configuration across Claude Desktop, Claude Code, VS Code/Copilot, Cursor, OpenCode and other stdio MCP clients, plus native .drawio XML authoring (layered/swimlane/nested-container layouts, cloud icons, edge routing, libavoid/ELK layout passes). Do NOT use for non-diagram code generation or image editing. Part of the afonsoft/skills collection.
afonsoft/skills · ★ 2 · AI & Automation · score 81

Install: claude install-skill afonsoft/skills

# Draw.io Architecture Diagrams + MCP Integration Create professional, editable architecture diagrams in draw.io's native `.drawio` XML format **and** integrate the official draw.io MCP server so diagrams open directly in the editor. This skill merges two proven sources: 1. **Authoring knowledge** — how to write correct `.drawio` XML for architecture, network, cloud, flowchart and ER diagrams (from `Agents365-ai/drawio-skill` and `scarr05/claude-skills-pub`). 2. **MCP integration** — how to configure and call the official `@drawio/mcp` server so the agent opens diagrams inline/editor instead of dumping XML to a file (from `jgraph/drawio-mcp`, the vendor's own reference). ## Security and Trust Boundaries - **Pin the MCP server version**: `npx` can download and execute remote code. Do not run bare `npx -y @drawio/mcp`. Use `npx -y @drawio/mcp@<VERSION>` with an explicit version verified on [npm](https://www.npmjs.com/package/@drawio/mcp) or the project's lockfile. Verify the package name and publisher (JGraph / `drawio`) before installing. - **Prefer local stdio or self-hosted**: The recommended integration runs `@drawio/mcp` as a local stdio process. If you use `DRAWIO_BASE_URL`, point it to a draw.io instance you control and trust. - **Hosted endpoint caution**: `https://mcp.draw.io/mcp` is a remote MCP Apps endpoint operated by the draw.io vendor. It receives diagram XML and renders inline. Only use it when the vendor, TLS channel, and data sensitivity are acceptable for