drawio

Generate and modify Draw.io diagrams using XML-based mxGraph format.

1|Updated Feb 11, 2026
One-click install
npx skills add https://github.com/AstyanM/claude-am-plugin --skill drawio-astyanm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/AstyanM/claude-am-plugin/tree/main/skills/drawio
Command: npx skills add https://github.com/AstyanM/claude-am-plugin --skill drawio-astyanm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the creation and modification of Draw.io diagrams, eliminating the manual effort of dragging and dropping shapes. It ensures consistent, structured visual representations for complex systems, processes, and relationships, making documentation and communication more efficient.

Core Features & Use Cases

  • Diagram Generation: Create new Draw.io diagrams (flowcharts, architecture, UML, ERD) from textual descriptions.
  • Diagram Editing: Modify existing .drawio files by adding, removing, or updating shapes and connections.
  • Standardized Output: Generates well-formed XML following Draw.io's mxGraph format, ensuring compatibility and clean version control.
  • Use Case: Quickly generate a detailed architecture diagram for a new microservice, or update an existing process flowchart to reflect recent changes.

Quick Start

Use the drawio skill to create a simple flowchart showing a user login process with start, authenticate, and end steps.

Frequently Asked Questions about drawio

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

FAQPage Schema
How do I generate a Draw.io flowchart from a text description?

You can generate Draw.io diagrams by providing textual descriptions of your processes or system architectures, which the Skill converts into well-formed XML following the mxGraph format for consistent visualization.

Can I modify existing .drawio files to update architecture diagrams?

Yes, you can modify existing .drawio files by applying precise XML manipulation to add, remove, or update shapes and connections, ensuring your system architecture diagrams reflect recent changes accurately.

What diagram types are supported by the mxGraph XML format generation?

The mxGraph XML format supports creating and modifying flowcharts, system architectures, UML, and ERD diagrams, providing standardized visual representations for complex systems and relationships.

Does the Draw.io diagram generation require manual shape placement?

No, Draw.io diagram generation eliminates manual shape placement by automating the creation of structured visual representations through precise XML manipulation, ensuring consistent diagrams for documentation and communication.

Are there limitations when using XML manipulation for Draw.io diagrams?

The primary limitation is the requirement for precise XML manipulation to define shapes, connections, and styling, meaning malformed XML can break the visual output or cause compatibility issues with Draw.io.