drawio

Generate native .drawio files with embedded mxGraphModel XML.

Updated Mar 7, 2026

Search Tags:#workflow #pdf #svg #diagrams #export #drawio #mxgraph

Ready to run

npx skills add https://github.com/OpenElementsLabs/claude-base --skill drawio-openelementslabs

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/OpenElementsLabs/claude-base/tree/main/claude-project-base/skills/drawio
Command: npx skills add https://github.com/OpenElementsLabs/claude-base --skill drawio-openelementslabs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Draw.io diagrams are essential for visualizing systems, but creating native, editable files with embedded diagram XML can be tedious. This skill generates native .drawio files and can optionally export to PNG, SVG, or PDF with the embedded diagram XML for portability and future edits.

Core Features & Use Cases

Generate native .drawio files containing mxGraphModel XML to preserve structure and editability.
Optional exports to PNG, SVG, or PDF with embedded XML for shareable visuals and presentations.
Ideal for architecture diagrams, flowcharts, network diagrams, ER diagrams, org charts, and system visualizations.

Quick Start

Create a new diagram and save it as a native .drawio file in the current working directory, with optional export to PNG, SVG, or PDF including embedded XML.

Frequently Asked Questions about drawio

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

FAQPage Schema

How do I generate editable draw.io diagrams from a text prompt?▼

The skill produces native .drawio files with embedded mxGraphModel XML, ensuring the generated architecture diagrams and flowcharts remain fully editable for future revisions.

Can I export draw.io diagrams to SVG, PDF, or PNG?▼

Yes, you can export draw.io diagrams to PNG, SVG, or PDF formats. The exported files include embedded XML, ensuring the visual outputs remain portable and editable for sharing.

What types of diagrams can I create using mxGraphModel XML?▼

Using mxGraphModel XML, you can create architecture diagrams, flowcharts, ER diagrams, network diagrams, and organizational charts from user prompts to visualize systems.

Does this draw.io generator work without external dependencies?▼

Yes, this draw.io diagram generator works without external dependencies, allowing you to create native .drawio files directly in your current working environment.

Why are my exported draw.io files not editable in other viewers?▼

Exported draw.io files may lack editability if the mxGraphModel XML is not embedded. This skill ensures XML is embedded in PNG, SVG, and PDF exports to maintain portability.