skills.rest
OpenElementsLabs
OpenElementsLabsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

drawio

Generate native .drawio files with embedded mxGraphModel XML.

Updated Mar 7, 2026
Search Tags:#workflow#pdf#svg#diagrams#export#drawio#mxgraph
One-click install
npx skills add https://github.com/OpenElementsLabs/claude-base --skill drawio-openelementslabs
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
ThomasRohdeThomasRohde
2

DrawIO Diagram Creation

Generate valid DrawIO XML diagrams with mxGraph structure from structured input.

Community
Advanced
edteedte
11

mydrawio

Create and validate Draw.io diagrams as .drawio or .xml files.

Community
Intermediate
abpaiabpai

beautiful-mermaid

Render Mermaid diagrams to SVG and PNG files.

Community
Intermediate
cc01cccc01cc
4

drawio

Generate draw.io diagrams as native .drawio files with optional PNG, SVG, or PDF exports.

Community
Basic