draw-io-diagram-generator

Generate, edit, and validate .drawio diagram files from natural language requests.

2|Updated Apr 3, 2026
One-click install
npx skills add https://github.com/ingbyr/lzcode --skill draw-io-diagram-generator-ingbyr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: draw-io-diagram-generator
Source: https://github.com/ingbyr/lzcode/tree/main/packages/desktop/src-tauri/lz-assets/skills/draw-io-diagram-generator
Command: npx skills add https://github.com/ingbyr/lzcode --skill draw-io-diagram-generator-ingbyr

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill enables rapid creation, editing, and validation of Draw.io diagrams from natural language prompts, delivering ready-to-open .drawio files that conform to mxGraph XML structure.

Core Features & Use Cases

  • Generate: Create flowcharts, system architecture diagrams, ER/UML diagrams, and sequence diagrams from descriptive requests.
  • Edit & Validate: Modify existing diagrams and ensure MXGraph structure, proper geometry and edge connections via the built-in validator.
  • Use Case: Design a new architecture diagram from a product spec and export a .drawio file that opens directly in Draw.io or VS Code.

Quick Start

Describe the diagram you want and I will generate a ready-to-open .drawio file.

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 create a draw.io diagram from text descriptions?

You can generate draw.io diagrams from text by describing the desired flowchart, architecture, or ER diagram, which produces a ready-to-open .drawio file conforming to mxGraph XML structure.

Can I validate and edit existing .drawio files to fix mxGraph structure errors?

Yes, you can validate and edit existing .drawio files to fix mxGraph structure errors. The built-in validator checks proper geometry and edge connections to ensure your files open correctly in Draw.io or VS Code.

Does this diagram generation approach support UML, ER, and sequence diagrams?

Yes, this diagram generation approach supports UML, ER, and sequence diagrams. It also applies to software architecture, system design, network topology, and flowcharts from descriptive requests.

How do I extend a generated draw.io diagram with custom shapes?

To extend a generated draw.io diagram with custom shapes, you use the utility script at scripts/add-shape.py. This allows you to programmatically add new elements while maintaining the correct mxGraph XML format.

What is the best way to generate network topology diagrams without manually drawing nodes?

The best way to generate network topology diagrams without manual drawing is using natural language requests to automatically produce the .drawio file. You describe the topology, and the tool builds the validated mxGraph XML structure.

Are there limitations when modifying complex software architecture diagrams from templates?

When modifying complex software architecture diagrams from templates, limitations may arise if the mxGraph XML structure becomes invalid. You must run the built-in validator to check geometry and edge connections before opening the file.