skills.rest
gatieme
gatiemeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

drawio

Generate and edit diagrams from natural language commands with draw.io.

1|Updated Feb 27, 2026
Search Tags:#architecture#editing#ai#flowchart#generation#diagram#drawio
One-click install
npx skills add https://github.com/gatieme/agent-toolkit --skill drawio-gatieme
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/gatieme/agent-toolkit/tree/main/skills/drawio
Command: npx skills add https://github.com/gatieme/agent-toolkit --skill drawio-gatieme

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation and modification of diagrams using natural language, eliminating the need for manual drawing and complex software.

Core Features & Use Cases

  • Create Diagrams: Generate flowcharts, architecture diagrams, sequence diagrams, and more from text descriptions.
  • Edit Diagrams: Modify existing diagrams with simple text commands, changing labels, styles, or structure.
  • Replicate Images: Convert existing images or screenshots into structured diagrams.
  • Use Case: Describe your desired AWS architecture, and the Skill will generate a professional diagram with correct icons and layout. Or, ask it to "change the database type to PostgreSQL" in an existing diagram.

Quick Start

Create a flowchart showing a user login process with username/password input, validation, and success/error paths.

Frequently Asked Questions about drawio

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

FAQPage Schema
How do I generate an architecture diagram from text using natural language?▼

To generate an architecture diagram from text, describe your desired layout and components in natural language. The system leverages a comprehensive design system with semantic shapes and consistent styling to automatically produce the diagram structure for real-time visualization.

Can I modify an existing flowchart by changing labels or styles?▼

Yes, you can modify an existing flowchart by issuing natural language commands. The system performs ID-based and XML operations to directly change labels, alter styles, or restructure components within your diagram.

How do I convert an image screenshot into a structured diagram?▼

You can convert an image screenshot into a structured diagram by providing the image to the system. It replicates the visual elements into structured semantic shapes and applies a consistent design system for accurate recreation.

Does draw.io support LaTeX for mathematical notation in sequence diagrams?▼

Yes, draw.io supports LaTeX for mathematical notation in diagrams. You can integrate complex mathematical formulas directly into your sequence diagrams or other structures using natural language commands during generation.

What is the best way to create an AWS architecture diagram without manual drawing?▼

The best way to create an AWS architecture diagram without manual drawing is to describe your AWS setup in text. The system automatically generates a professional diagram with correct icons and layout using its integrated design system.

Are there limitations when editing complex XML structures in draw.io?▼

When editing complex XML structures, modifications rely on ID-based operations and semantic shape recognition. While it handles structural changes via natural language, highly irregular or non-standard XML formatting may require manual correction.

Related Skills

Explore More Design & Creative Skills→
AZANIRAZANIR
2

qa-diagram-generator

Generates Mermaid diagrams from text, screenshots, or documentation.

Community
Intermediate
wyhlovecppwyhlovecpp

excalidraw

Generate hand-drawn style diagrams as excalidraw JSON files.

Community
Basic
rockycorockyco

drawio

Generate Draw.io XML diagrams for FPGA/HLS visualization tasks.

Community
Advanced
nigo81nigo81
113

flowchart-generator

Generate flowcharts from natural language process descriptions.

Community
Advanced