drawio

Generate native draw.io diagrams from user prompts and export to PNG, SVG, or PDF.

1|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/wgordon17/personal-claude-marketplace --skill drawio-wgordon17
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/wgordon17/personal-claude-marketplace/tree/main/drawio/skills/drawio
Command: npx skills add https://github.com/wgordon17/personal-claude-marketplace --skill drawio-wgordon17

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagramming is time-consuming and error-prone when translating ideas into shareable visuals. This Skill automates the creation of clean, editable draw.io diagrams from natural prompts, reducing manual drawing work.

Core Features & Use Cases

  • Generate native .drawio XML diagrams from plain-language prompts.
  • Export diagrams to PNG, SVG, or PDF with embedded diagram XML for full editability.
  • Open results directly or pass them to external tools for review and sharing.
  • Use cases include architecture diagrams, flowcharts, ER diagrams, and UI sketches.

Quick Start

Describe the diagram you want and I will generate a .drawio file in your workspace ready for export.

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 a text prompt?

To generate a draw.io diagram from a text prompt, describe the architecture, flowchart, or ER diagram you need in plain language. The tool processes your request and outputs a native .drawio XML file in your workspace ready for immediate review and editing.

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

You can export draw.io diagrams to PNG, SVG, or PDF formats with embedded diagram XML. This embedding ensures the exported files remain fully editable, allowing you to pass results to external tools or share them without losing the native diagram structure.

What types of diagrams can I create using natural language prompts?

Using natural language prompts, you can create architecture diagrams, flowcharts, ER diagrams, and UI sketches. This covers software design and documentation needs, translating your plain-language descriptions into clean, editable visual structures automatically.

Does automated diagram generation work for software architecture and documentation?

Automated diagram generation works effectively for software architecture and documentation by creating native draw.io files. It reduces manual drawing time and errors, translating ideas into shareable architecture diagrams, flowcharts, and UI sketches from plain-language descriptions.

How do I edit a generated draw.io file after exporting it?

To edit a generated draw.io file after exporting it, open the PNG, SVG, or PDF output which contains the embedded diagram XML. This embedded XML ensures the diagram structure is preserved, allowing you to open the result directly for quick review and continued editing.