skills.rest
cc01cc
cc01ccCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

drawio

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

4|Updated Jan 22, 2026
Search Tags:#pdf#png#flowchart#svg#export#diagram#drawio
One-click install
npx skills add https://github.com/cc01cc/cmtx-project --skill drawio-cc01cc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/cc01cc/cmtx-project/tree/main/.kilo/skills-repo/develop/drawio
Command: npx skills add https://github.com/cc01cc/cmtx-project --skill drawio-cc01cc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Building diagrams by hand is time-consuming and error-prone; this skill generates draw.io diagrams as native .drawio files so you can edit them later and export in common formats.

Core Features & Use Cases

  • Generate draw.io XML for diagrams in mxGraphModel format and write to a .drawio file in the current working directory.
  • Optionally export to PNG, SVG, or PDF with the diagram XML embedded so the exported file remains editable.
  • Use cases include flowcharts, architecture diagrams, wireframes, or mockups, or when a user mentions .drawio files.

Quick Start

Create a new draw.io diagram in the current directory and save it as a .drawio file; optionally export to PNG, SVG, or PDF if you specify an output format.

Frequently Asked Questions about drawio

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

FAQPage Schema
How do I generate editable flowcharts and architecture diagrams as code?▼

You can generate flowcharts, architecture diagrams, and wireframes by creating draw.io XML in mxGraphModel format and saving it as a native .drawio file for later editing.

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

Yes, you can export to PNG, SVG, or PDF with the diagram XML embedded, provided the draw.io CLI or desktop application is available to perform the conversion.

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

Yes, exporting to PDF requires the draw.io CLI or desktop application to be available; otherwise, the diagram is kept as a native .drawio file.

What is the best way to create wireframes and mockups that remain editable?▼

Generating a native .drawio file is the best way to create editable wireframes and mockups, because the diagram XML can be optionally embedded into exported PNG, SVG, or PDF files for later editing.

What happens to my .drawio file if the draw.io desktop tool is not available?▼

If the draw.io CLI or desktop tool is not available, the skill simply generates and saves the diagram as a native .drawio file in the current working directory without exporting it.

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
akiojinakiojin
8

drawio

Create and edit draw.io diagrams as XML with shapes, connectors, and PNG export.

Community
Intermediate
YH-05YH-05
1

drawio

Generate native .drawio XML diagrams from natural language descriptions.

Community
Intermediate
edteedte
11

mydrawio

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

Community
Intermediate