skills.rest
Gami19
Gami19COMMUNITY
Explore all skills by this author →
GitHub

diagram

Generate editable draw.io diagrams as mxCell-based XML from textual briefs.

Updated Apr 8, 2026
Search Tags:#workflow#architecture#svg#draw.io#diagram#azure/aws
One-click install
npx skills add https://github.com/Gami19/rd-strands-agents --skill diagram-gami19
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram
Source: https://github.com/Gami19/rd-strands-agents/tree/main/strands-py/backend/agent/skills/pr/diagram
Command: npx skills add https://github.com/Gami19/rd-strands-agents --skill diagram-gami19

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Generates editable draw.io diagrams from textual briefs and inputs, enabling rapid visualization of complex systems.

Core Features & Use Cases

  • Supports architecture diagrams, flowcharts, sequence diagrams, ER diagrams, network diagrams, and ArchiMate/C4 models.
  • Azure/AWS icon integration via Azure2 assets for cloud diagrams and VS Code Draw.io compatibility.
  • Validates and exports XML (.drawio) with rules for mxCell structure to ensure editable, plug-and-play diagrams.

Quick Start

Ask me to create a specific diagram, and I will generate a .drawio file ready to edit.

Frequently Asked Questions about diagram

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

FAQPage Schema
How do I generate an editable draw.io diagram from text?▼

Yes, you can generate Azure and AWS cloud architecture diagrams using Azure2 icon assets. The tool integrates cloud-specific components into the mxCell XML output, ensuring compatibility with VS Code Draw.io for further editing.

What diagram types are supported for generating draw.io XML?▼

No prerequisite setup is required beyond a text brief. The tool operates independently without dependencies, taking textual inputs and applying rules to escape HTML in labels and validate edge references to produce a plug-and-play .drawio file.

Does the generated draw.io diagram work with VS Code Draw.io?▼

The best way to create an editable draw.io flowchart is to provide a textual brief of your process. The tool automatically validates IDs and escapes HTML in labels to output a structured .drawio file, bypassing manual visual drawing.

How do I validate IDs and edge references in draw.io XML?▼

Limitations include the reliance on textual briefs for structure and the strict use of mxCell-based XML rules. Complex visual styling might require post-generation editing in VS Code Draw.io, though Azure2 assets provide cloud components.

Related Skills

Explore More Software Engineering Skills→
chloebrettchloebrett
3

diagrams

Generate system architecture, process flow, and data relationship diagrams from textual descriptions.

Community
Intermediate
akiojinakiojin
8

drawio

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

Community
Intermediate
OpenAEC-FoundationOpenAEC-Foundation
4

drawio-agents-diagram-generator

Parse natural language requests and generate validated Draw.io mxGraph XML diagrams.

Official
Advanced
SpillwaveSolutionsSpillwaveSolutions
46

plantuml

Generate and render PlantUML diagrams from Markdown and code.

Official
Advanced