skills.rest
SwimmingLiu
SwimmingLiuCOMMUNITY
Explore all skills by this author →
Website𝕏@SwimmingLiudevGitHub

drawio

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

1|1|Updated Mar 3, 2026
Search Tags:#pdf#png#flowchart#svg#diagrams#drawio
One-click install
npx skills add https://github.com/SwimmingLiu/easy-skills --skill drawio-swimmingliu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/SwimmingLiu/easy-skills/tree/main/skills/diagram/drawio
Command: npx skills add https://github.com/SwimmingLiu/easy-skills --skill drawio-swimmingliu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of diagrams in draw.io format, allowing for easy editing and export to various image and document formats.

Core Features & Use Cases

  • Native .drawio file generation: Creates diagrams that can be directly opened and edited in draw.io.
  • Export to PNG, SVG, PDF: Renders diagrams into common formats, with the option to embed the editable XML.
  • Use Case: Generate a flowchart for a new user registration process, save it as registration-flow.drawio.png, and ensure it remains editable for future updates.

Quick Start

Use the drawio skill to create a flowchart named 'user-login' and export it as a PNG file.

Frequently Asked Questions about drawio

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

FAQPage Schema
How do I generate a flowchart and export it to PNG or SVG?▼

You can generate a flowchart and export it to PNG or SVG by creating diagrams in draw.io format and rendering them via the draw.io CLI. This process outputs your flowchart directly as a PNG, SVG, or PDF file.

Are exported PNG diagrams still editable in draw.io?▼

Yes, exported PNG diagrams can remain editable in draw.io. The Skill supports embedding the diagram XML within the exported PNG file, allowing you to open and modify the diagram later without losing the original structure.

Can I convert mxGraphModel XML into a PDF document?▼

Yes, you can convert mxGraphModel XML into a PDF document. The Skill handles diagram creation directly from mxGraphModel XML and utilizes the draw.io CLI to render and export the content into a PDF file.

Does this diagram generation method require any external dependencies?▼

No external dependencies are required to use this diagram generation method. The Skill operates independently without needing additional packages, relying only on its internal scripts and the draw.io CLI for rendering diagrams.

What is the best way to automate flowchart creation for a registration process?▼

The best way to automate flowchart creation for a registration process is by generating a native .drawio file and exporting it as an image. You can save it with specific file naming conventions, like 'registration-flow.drawio.png', ensuring it remains editable for future updates.

Related Skills

Explore More Design & Creative Skills→
debug-zhuweijiandebug-zhuweijian
13

drawio

Generate native draw.io diagrams as mxGraphModel XML from text inputs.

Community
Intermediate
YH-05YH-05
1

drawio

Generate native .drawio XML diagrams from natural language descriptions.

Community
Intermediate
vuminhieuvuminhieu

mermaidjs-v11

Render Mermaid.js v11 diagrams to SVG, PNG, or PDF via CLI.

Community
Intermediate
chef0111chef0111
1

mermaidjs-v11

Generate diagrams from text descriptions using Mermaid.js v11 syntax.

Community
Intermediate