drawio

Generate draw.io diagrams in XML and export to PNG, SVG, or PDF.

2|Updated Mar 4, 2026
One-click install
npx skills add https://github.com/pengqianhan/open-paper-skills --skill drawio-pengqianhan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/pengqianhan/open-paper-skills/tree/main/.claude/skills/drawio
Command: npx skills add https://github.com/pengqianhan/open-paper-skills --skill drawio-pengqianhan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating and exporting clean, editable diagrams in draw.io often requires manual steps and consistency across multiple diagrams. This Skill automates the generation and export of draw.io diagrams, streamlining visual documentation workflows.

Core Features & Use Cases

  • Generate native draw.io XML in mxGraphModel format for the requested diagram
  • Write the XML to a .drawio file in the current working directory
  • Optional exports to PNG, SVG, or PDF with embedded diagram XML
  • Use cases include flowcharts, system architectures, UML diagrams, and process visuals for proposals and documentation

Quick Start

Create a login-flow diagram as a .drawio file and export it to PNG.

Frequently Asked Questions about drawio

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

FAQPage Schema
How do I programmatically generate a draw.io diagram?

To generate a draw.io diagram programmatically, this Skill creates native draw.io XML in mxGraphModel format and writes it directly to a .drawio file in your working directory.

Can I export a .drawio file to PNG or SVG?

Yes, you can export .drawio files to PNG, SVG, or PDF formats. The export process optionally embeds the diagram XML to maintain portability and editability across different platforms.

What is the best way to automate flowchart creation for documentation?

Automating flowchart creation for documentation is best handled by programmatically generating draw.io XML. This approach ensures rapid, repeatable diagram generation for visual documentation workflows.

Does this diagram generation method support UML and system architecture diagrams?

Yes, this diagram generation method supports UML diagrams, system architectures, flowcharts, and process visuals. It applies directly to design and documentation workflows requiring structured visual outputs.

Do I need any external dependencies to export draw.io diagrams?

No external dependencies are required to export draw.io diagrams. The Skill uses a straightforward XML-backed .drawio format to generate files and export them to common formats independently.

Why use XML-backed .drawio files for diagram generation?

Using XML-backed .drawio files for diagram generation ensures clean, editable diagrams with optional embedded data. This format provides portability and consistency across multiple diagrams in automated workflows.