skills.rest
BeWaterMyFriend7
BeWaterMyFriend7COMMUNITY
Explore all skills by this author →
GitHub

drawio-diagram

Transform natural language diagram requests into editable drawio XML files.

46|3|Updated Feb 14, 2026
Search Tags:#automation#architecture#flowchart#diagram#drawio#diagram-generation#mxgraph
One-click install
npx skills add https://github.com/BeWaterMyFriend7/SKILL-PROJECT --skill drawio-diagram-bewatermyfriend7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio-diagram
Source: https://github.com/BeWaterMyFriend7/SKILL-PROJECT/tree/main/.opencode/skills/drawio-diagram
Command: npx skills add https://github.com/BeWaterMyFriend7/SKILL-PROJECT --skill drawio-diagram-bewatermyfriend7

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill converts natural language diagram requests into ready-to-edit drawio diagram files, saving time and effort in visualizing complex systems.

Core Features & Use Cases

  • Generate drawio XML from plain language descriptions for flowcharts, architecture diagrams, cards, graphs, and icons.
  • Apply layout and styling options (alignment, colors, sizing) to produce clear, publication-quality diagrams.
  • Use cases include architecture diagrams for system design, process flows for operations, and concept maps for planning.

Quick Start

Describe the diagram you want in natural language and specify the output path to generate a .drawio file.

Frequently Asked Questions about drawio-diagram

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

FAQPage Schema
How do I generate a drawio diagram from natural language?▼

To generate a drawio diagram from natural language, describe the desired flowchart or architecture in plain text and specify an output path to produce a validated, editable mxGraph XML file.

Can I create architecture diagrams and flowcharts automatically from text?▼

Yes, you can create architecture diagrams and flowcharts automatically from text by processing plain language descriptions to generate ready-to-edit drawio XML files with applied layout and styling options.

Does the generated drawio XML support custom styling and layout options?▼

Yes, the generated drawio XML supports custom styling and layout options, allowing you to apply alignment, colors, and sizing to produce clear, publication-quality diagrams.

What is the best way to convert plain language system design into an editable file?▼

The best way to convert plain language system design into an editable file is transforming natural language requests into validated mxGraph XML, suitable for opening directly in drawio and saving as a .drawio file.

What types of diagrams can I produce using natural language diagram generation?▼

Using natural language diagram generation, you can produce flowcharts, architecture diagrams, cards, graphs, and icons, saving time and effort in visualizing complex systems.

Related Skills

Explore More Design & Creative Skills→
SpaceZephyrSpaceZephyr
333

mermaid-generator

Convert plain text and workflows into Mermaid diagrams.

Community
Intermediate
akiojinakiojin
8

drawio

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

Community
Intermediate
shushuznshushuzn
4

markdown-mermaid-writing

Write Markdown documents with Mermaid diagrams and accessibility annotations.

Community
Advanced
HouseGarofaloHouseGarofalo
3

mermaid-diagrams

Generate flowcharts, sequence diagrams, class diagrams, and ERDs from Mermaid syntax.

Official
Basic