skills.rest
oguzhanguvenkaya
oguzhanguvenkayaCOMMUNITY
Explore all skills by this author →
GitHub

drawio

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

Updated May 1, 2026
Search Tags:#png#svg#export#diagram#drawio#mxgraph
One-click install
npx skills add https://github.com/oguzhanguvenkaya/oguzhan_claude_code_configurations --skill drawio-oguzhanguvenkaya
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/oguzhanguvenkaya/oguzhan_claude_code_configurations/tree/main/skills/drawio
Command: npx skills add https://github.com/oguzhanguvenkaya/oguzhan_claude_code_configurations --skill drawio-oguzhanguvenkaya

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Draw.io diagram creation often requires manual setup and repeated export steps. This skill automates generating native .drawio files and makes it easy to export to PNG, SVG, or PDF with embedded XML, keeping diagrams editable in draw.io.

Core Features & Use Cases

  • Generate draw.io XML in mxGraphModel format for the requested diagram
  • Write the XML to a .drawio file in the current working directory
  • Optional export to PNG, SVG, or PDF with embedded XML; supports leveraging the draw.io CLI if available
  • Open the resulting file or exported asset for immediate inspection

Quick Start

Describe the diagram you want and I will generate a native .drawio file, with optional exports to PNG, SVG, or PDF.

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 automatically from text?▼

To generate draw.io diagrams from text, provide a textual description of the architecture or flowchart. The system produces native mxGraphModel XML, writes it to a .drawio file, and optionally exports to PNG, SVG, or PDF.

Can I export draw.io files to PNG or SVG with embedded XML?▼

Yes, you can export draw.io files to PNG or SVG with embedded XML. This keeps the exported image ready for sharing while remaining fully editable when reopened in the draw.io application.

Do I need the draw.io CLI installed to export diagrams to PDF?▼

No, you do not need the draw.io CLI to generate .drawio files, but leveraging the CLI is supported for optional exports to PDF, PNG, or SVG depending on your environment capabilities.

What types of diagrams can be created using mxGraphModel XML?▼

mxGraphModel XML can be used to create architecture layouts, flowcharts, ER diagrams, mockups, and UI sketches. The generation process translates textual requests directly into these native draw.io diagram structures.

How does automated diagram generation handle editable draw.io files?▼

Automated diagram generation handles editable files by writing raw mxGraphModel XML directly to disk. The resulting .drawio file can be opened immediately for inspection or modification within the draw.io editor.

What is the best way to create architecture mockups without manual draw.io setup?▼

The best way to create architecture mockups without manual setup is automating the generation of native .drawio files. This skips repeated export steps by directly producing editable mxGraphModel XML from your initial request.

Related Skills

Explore More Design & Creative Skills→
SwimmingLiuSwimmingLiu
1

drawio

Generate editable draw.io diagrams and export them to PNG, SVG, or PDF.

Community
Intermediate
OpenElementsLabsOpenElementsLabs

drawio

Generate native .drawio files with embedded mxGraphModel XML.

Official
Intermediate
Snake-AIDSnake-AID

drawio

Generate editable .drawio diagram files from user prompts.

Official
Intermediate
cc01cccc01cc
4

drawio

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

Community
Basic