drawio

Generate non-compressed draw.io mxfile XML diagrams from user prompts.

9|Updated Jan 31, 2017
One-click install
npx skills add https://github.com/ssiumha/dots --skill drawio-ssiumha
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/ssiumha/dots/tree/main/prompts/skills/drawio
Command: npx skills add https://github.com/ssiumha/dots --skill drawio-ssiumha

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Creating consistent, well-styled diagrams (architecture, flowcharts, sequence diagrams, AWS diagrams) by hand is time-consuming and error-prone. This Skill generates draw.io compatible XML directly from curated resources and templates, ensuring readable, repeatable diagrams with minimal effort.

Core Features & Use Cases

  • Keyword-driven diagram type selection (Architecture, Flowchart, Sequence, AWS)
  • Non-compressed mxfile XML (compressed="false") for readability and collaboration
  • Deterministic styling tailored to diagram type (architecture, flowchart, sequence, AWS)
  • Resource-loading strategy to minimize token usage while delivering precise visuals
  • Use cases: quick AWS infrastructure diagrams, architecture diagrams, flowcharts for processes, sequence diagrams for API interactions

Quick Start

Request example: "아키텍처 다이어그램 그려줘" → the skill loads the appropriate resources and generates a .drawio XML file (non-compressed) saved to a default location (e.g., docs/diagrams/drawio-architecture.drawio) ready to open in draw.io.

Frequently Asked Questions about drawio

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

FAQPage Schema
How do I generate draw.io diagrams from text descriptions?

Generate draw.io diagrams by submitting natural language prompts describing your architecture, flowchart, sequence, or AWS infrastructure. The Skill converts your input into non-compressed mxfile XML with proper styling, unique cell IDs, and correct Z-ordering, ready to open and edit in draw.io.

Can I create AWS infrastructure diagrams automatically?

Yes. The Skill generates AWS infrastructure diagrams from prompts, producing human-readable mxfile XML with AWS-specific styling and layout conventions. Output saves as a .drawio file compatible with draw.io's native format.

What diagram types does this support?

The Skill supports architecture diagrams, flowcharts, sequence diagrams, and AWS infrastructure visuals. Each type receives deterministic, type-specific styling. You can also compose multiple patterns in a single mxfile output.

Why use non-compressed mxfile XML instead of standard draw.io format?

Non-compressed mxfile XML (compressed='false') preserves readability and enables seamless collaboration. Team members can review, diff, and merge diagram changes without decompression, making version control and code review workflows practical.

Can I update existing diagrams or add components to them?

Yes. The Skill supports component updates and multi-pattern compositions within a single file. Submit prompts to modify specific elements or extend existing diagrams with new architecture, flowchart, or sequence components.