drawio

Generate draw.io diagrams as XML files using mxCell templates.

Updated Feb 26, 2026
One-click install
npx skills add https://github.com/keathmilligan/drawio-skill --skill drawio-keathmilligan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/keathmilligan/drawio-skill/tree/main/drawio
Command: npx skills add https://github.com/keathmilligan/drawio-skill --skill drawio-keathmilligan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Generating consistent, architecture-focused diagrams in draw.io can be time-consuming and error-prone when done manually. This Skill automates the creation of well-formed draw.io XML, enabling repeatable diagrams that remain patchable and portable.

Core Features & Use Cases

  • Generates block diagrams, sequence/ladder diagrams, message flow diagrams, and flowcharts directly as XML.
  • Uses starter templates from templates/ to ensure consistent structure and styling across diagrams.
  • Use Case: teams can auto-generate system diagrams from models or specs, ensuring uniform visuals across docs.

Quick Start

Create a starter diagram using the templates in templates/ and save it as example.drawio.xml.

Frequently Asked Questions about drawio

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

FAQPage Schema
How do I generate draw.io diagrams as XML without an MCP server?

You can generate draw.io diagrams as XML without an MCP server by using templates that produce deterministic, patchable mxCell structures for block diagrams, sequence diagrams, and flowcharts.

Can I automate software architecture diagram creation from text specifications?

Yes, automating software architecture diagram creation from specs is possible by applying starter templates to auto-generate consistent, well-formed draw.io XML outputs for documentation.

Does this approach to draw.io XML generation support sequence and message flow diagrams?

Draw.io XML generation supports sequence diagrams, message flows, block diagrams, and flowcharts by using standard mxCell structures and provided templates for uniform styling.

What is the best way to keep draw.io diagrams patchable and portable across teams?

The best way to keep draw.io diagrams patchable and portable is to generate well-formed XML files directly from templates, ensuring consistent structure and repeatable visuals across team documentation.

Do I need an MCP server dependency to create draw.io flowcharts programmatically?

No, you do not need an MCP server dependency to create draw.io flowcharts programmatically; the XML generation process works independently using standard mxCell templates.