skills.rest
matiaspakua
matiaspakuaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

drawio

Generate native draw.io diagrams from natural language prompts.

Updated Dec 20, 2025
Search Tags:#pdf#png#svg#export#diagram#drawio
One-click install
npx skills add https://github.com/matiaspakua/notaire --skill drawio-matiaspakua
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/matiaspakua/notaire/tree/main/.claude/skills/drawio
Command: npx skills add https://github.com/matiaspakua/notaire --skill drawio-matiaspakua

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagram creation and export often require manual steps to craft and share diagrams across formats; this skill automates drawing draw.io diagrams from prompts and exports with embedded data for editing.

Core Features & Use Cases

  • Generate native draw.io diagrams (.drawio) from natural language prompts for a wide range of diagram types (flowcharts, architecture, ER, UML, mockups).
  • Optionally export to PNG, SVG, or PDF with embedded diagram XML for portability and editing in draw.io or other tools.
  • Use Case: quickly produce an editable diagram of a system architecture and deliver both the .drawio file and a ready-to-use PNG for documentation.

Quick Start

Create a diagram from a user prompt and export it to the requested format.

Frequently Asked Questions about drawio

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

FAQPage Schema
How do I generate a draw.io diagram from natural language?▼

You can generate a draw.io diagram by providing a natural language prompt that describes the desired structure. The skill translates the prompt into native mxGraphModel XML and outputs an editable .drawio file for immediate review.

Can I export draw.io diagrams to PNG, SVG, or PDF with editable data?▼

Yes, draw.io diagrams can be exported to PNG, SVG, or PDF formats with the diagram XML embedded. This ensures the exported files remain portable and can be easily reopened and edited in draw.io or other compatible tools.

What types of diagrams can I create from text prompts using draw.io?▼

You can create a wide range of diagrams from text prompts, including flowcharts, architecture diagrams, ER models, UML, and UI mockups. The generation process supports all these standard draw.io diagram categories.

Does draw.io diagram generation require any specific components or dependencies?▼

No specific components or dependencies are required to generate draw.io diagrams. The skill operates independently to produce native mxGraphModel XML and supports cross-platform opening for immediate review.

What is the best way to automate flowchart creation for system architecture?▼

The best way to automate flowchart creation is by using a text prompt to describe the system architecture. The skill handles the layout automatically and generates a native .drawio file along with an optional ready-to-use PNG for documentation.

Why does my exported draw.io diagram need embedded XML?▼

Exported draw.io diagrams need embedded XML to preserve the structural data of the diagram. Embedding the mxGraphModel XML in PNG, SVG, or PDF exports ensures the visual output remains fully editable when reopened in draw.io.

Related Skills

Explore More Design & Creative Skills→
leonanpereirapintoleonanpereirapinto
1

excalidraw-diagram-generator

Generate Excalidraw diagrams from natural language descriptions.

Community
Advanced
akiojinakiojin
8

drawio

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

Community
Intermediate
compozycompozy
2.5k

drawio

Generate native draw.io diagrams as editable .drawio files from natural language prompts.

Official
Advanced
vidanovvidanov
131

aws-architecture-diagram

Generate AWS architecture diagrams as draw.io XML with mxGraphModel format.

Community
Advanced