skills.rest
pypeaday
pypeadayCOMMUNITY
Explore all skills by this author →
Website𝕏@pypeadayGitHub

drawio

Create and update architecture diagrams via a draw.io MCP server.

2|Updated Jun 29, 2021
Search Tags:#automation#architecture#MCP#diagramming#draw.io#diagram#mxGraph
One-click install
npx skills add https://github.com/pypeaday/dotfiles --skill drawio-pypeaday
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/pypeaday/dotfiles/tree/main/opencode/.config/opencode/skill/drawio
Command: npx skills add https://github.com/pypeaday/dotfiles --skill drawio-pypeaday

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables you to diagram software architectures by interacting with a local draw.io MCP server, turning design ideas into visual diagrams quickly.

Core Features & Use Cases

  • Diagram generation: Create and update architecture diagrams using XML or API calls to the MCP server.
  • Automated layouts: Generate clean, consistent diagrams for microservices, databases, and cloud components.
  • Use Case: When planning a new service, produce a diagram showing components, relations, and data flows.

Quick Start

Start the draw.io MCP server and use the provided commands to create a diagram.

Frequently Asked Questions about drawio

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate architecture diagrams using an MCP server?▼

To generate architecture diagrams, this skill interfaces with a draw.io MCP server running locally, using mxGraphModel XML and commands to create, update, and export visuals for cloud or microservice architectures.

Can I automate diagramming for microservice architectures?▼

Yes, you can automate diagramming for microservice architectures by sending mxGraphModel XML and API calls to the local draw.io MCP server to automatically generate clean layouts of components and data flows.

Do I need a running draw.io MCP server to create diagrams?▼

Yes, you need a running draw.io MCP server accessible at localhost:8098, as the skill relies on this server for session management, diagram creation, editing, and export.

What's the best way to update cloud architecture diagrams programmatically?▼

The best way to update cloud architecture diagrams programmatically is by using MCP commands and mxGraphModel XML to modify existing components and relations via the local draw.io server.

Does this diagramming approach support exporting updated mxGraph models?▼

Yes, the approach supports exporting updated diagrams by utilizing the draw.io MCP server's export functionality after generating or editing your mxGraphModel XML.

Related Skills

Explore More Design & Creative Skills→
pypeadaypypeaday
2

drawio-delegate

Delegate diagram creation to a GitHub Copilot CLI session with draw.io MCP enabled.

Community
Advanced
X-School-AcademyX-School-Academy
19

drawio

Generate draw.io diagrams in mxGraphModel XML and export to PNG, SVG, or PDF.

Official
Intermediate
n0ann0an
103

diagram

Generate ASCII diagrams from plain-text descriptions of system architecture.

Community
Intermediate
markus41markus41
18

mcp-integration

Integrate draw.io diagramming into AI workflows via MCP servers.

Community
Intermediate