mydrawio

Create and validate Draw.io diagrams as .drawio or .xml files.

11|Updated Sep 25, 2024
One-click install
npx skills add https://github.com/edte/dotfiles --skill mydrawio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mydrawio
Source: https://github.com/edte/dotfiles/tree/main/claude/skills/mydrawio
Command: npx skills add https://github.com/edte/dotfiles --skill mydrawio

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Draw.io diagrams are time-consuming to draft, validate, and maintain consistency across teams. This Skill streamlines diagram creation, modification, and validation with AI-assisted guidance, reducing manual drafting errors.

Core Features & Use Cases

  • AI-assisted generation of diagrams from descriptive prompts (flowcharts, architecture diagrams, UML, ER diagrams, mind maps)
  • Edit existing diagrams by modifying nodes, connections, and styling
  • Validate diagram structure and file formats (.drawio/.xml) using an integrated checker
  • Use Case: A software team quickly designs an application architecture diagram from a textual spec and exports a clean .drawio file

Quick Start

Use the mydrawio skill to generate a system architecture diagram from the codebase in src/ and export as architecture.drawio

Frequently Asked Questions about mydrawio

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 description?

AI-assisted diagram generation creates Draw.io diagrams directly from descriptive text prompts. It automatically structures the mxGraphModel XML and outputs a clean .drawio file suitable for flowcharts, architecture diagrams, and UML.

Can I edit existing Draw.io XML to modify nodes and connections?

Yes, you can modify existing Draw.io diagrams by updating nodes, connections, and styling through AI-assisted editing. This allows you to refine workflows and architecture diagrams without manually rewriting the mxCell XML structure.

How does Draw.io XML validation work for mxGraphModel and mxCell integrity?

Draw.io XML validation uses an integrated checker script to enforce correct mxGraphModel and mxCell structure. It validates the diagram file format, ensuring the generated or modified .drawio or .xml files maintain structural integrity and prevent rendering errors.

What is the best way to create a system architecture diagram with swimlanes?

Using AI-assisted generation from a textual specification is the best way to create system architecture diagrams with optional swimlanes. It enforces proper Draw.io XML structure and outputs a validated .drawio file ready for design reviews.

Does AI-assisted Draw.io diagram creation support ER diagrams and mind maps?

Yes, AI-assisted Draw.io diagram creation supports ER diagrams and mind maps. It processes descriptive prompts to generate these structures while enforcing mxGraphModel and mxCell integrity, exporting standard .drawio or .xml files for documentation.

Why does my Draw.io diagram have broken mxCell connections after editing?

Broken mxCell connections often result from invalid XML structure after manual edits. Running an integrated validation script checks mxGraphModel integrity and ensures .drawio file formats remain correct, preventing broken node connections and rendering issues.