skills.rest
lucasgaldinos
lucasgaldinosCOMMUNITY
Explore all skills by this author →
GitHub

draw-io-diagram-generator

Generate, edit, and validate draw.io diagrams with mxGraph XML structure.

Updated Apr 2, 2026
Search Tags:#architecture#validation#flowchart#draw.io#diagram-generation#mxgraph
One-click install
npx skills add https://github.com/lucasgaldinos/my-skills --skill draw-io-diagram-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: draw-io-diagram-generator
Source: https://github.com/lucasgaldinos/my-skills/tree/main/skills/draw-io-diagram-generator
Command: npx skills add https://github.com/lucasgaldinos/my-skills --skill draw-io-diagram-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill enables you to generate, edit, and validate draw.io diagrams with correct mxGraph XML structure, ensuring files are ready to open with the Draw.io VS Code extension.

Core Features & Use Cases

  • Generate, edit, and validate .drawio diagrams from requests.
  • Supports templates for common diagram types (Flowchart, Architecture, Sequence, ER, UML Class) and a workflow from request to a ready-to-open file.
  • Validate outputs with an included script to ensure proper structure and prevent broken diagrams before saving.

Quick Start

Provide a description of the diagram you want and the tool will generate a .drawio file ready to open in VS Code.

Frequently Asked Questions about draw-io-diagram-generator

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

FAQPage Schema
How do I generate a draw.io diagram file from a text description?▼

To generate a draw.io diagram, provide a description of your architecture or flowchart and the tool outputs a .drawio file. It uses built-in templates to structure mxGraph XML, ensuring the file is ready to open immediately in VS Code.

Can I validate mxGraph XML structure before saving a .drawio file?▼

You can validate mxGraph XML structure using an included validator script. This validation enforces mxGraph constraints and checks your diagram templates to prevent broken files before saving.

Does this diagram generator support UML, ER, and sequence diagrams?▼

The diagram generator supports UML, ER, sequence, architecture, and flowchart diagrams. It provides specific templates for each type to ensure correct mxGraph XML structure and valid .drawio output.

What is the best way to edit an existing draw.io diagram programmatically?▼

The best way to edit an existing draw.io diagram is to apply edits while enforcing mxGraph constraints. The tool modifies the mxGraph XML structure and validates the output to guarantee a ready-to-open .drawio file.

Why does my generated draw.io file fail to open in the VS Code extension?▼

A generated draw.io file fails to open when the mxGraph XML structure is broken. Running the built-in validator script enforces mxGraph constraints and prevents structural errors before saving the file.

Do I need the Draw.io VS Code extension to open the generated .drawio files?▼

You need the Draw.io VS Code extension to open the generated .drawio files. The tool outputs files specifically structured with valid mxGraph XML to ensure compatibility with the extension.

Related Skills

Explore More Software Engineering Skills→
ThomasRohdeThomasRohde
2

DrawIO Diagram Creation

Generate valid DrawIO XML diagrams with mxGraph structure from structured input.

Community
Advanced
akiojinakiojin
8

drawio

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

Community
Intermediate
BeWaterMyFriend7BeWaterMyFriend7
46

drawio-diagram

Transform natural language diagram requests into editable drawio XML files.

Community
Advanced
shekerkammashekerkamma

uml

Render UML diagrams from PlantUML text into diagram images.

Community
Advanced