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

xml-diagram

Convert natural language descriptions into editable drawio XML diagrams.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This skill enables instant creation of drawio-compatible XML diagrams from natural language descriptions, reducing manual drawing time and enabling quick visual planning.

Core Features & Use Cases

  • Parse natural language descriptions to identify diagram type, elements, and relationships.
  • Generate valid drawio XML (mxGraph) suitable for editing in draw.io, with styling aligned to design guidelines.
  • Provide ready-to-use diagram templates for architecture, workflows, and cards, plus validation to ensure layout coherence and readability.
  • Use Case: A developer asks for an architecture diagram of a microservices stack and receives a ready-to-edit .drawio file.

Quick Start

Describe your diagram in natural language, and request a .drawio file ready for editing.

Frequently Asked Questions about xml-diagram

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

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

The skill parses natural language descriptions to identify elements and relationships, generating valid mxGraph XML with consistent styling, validated spacing, and readable connections for draw.io.

Can I create an architecture diagram automatically from a natural language description?▼

Yes, you can create an architecture diagram automatically by describing your microservices stack or system structure in plain text, which produces a ready-to-edit drawio file with validated layout and coherent connections.

Does this tool support generating workflow charts and card-like layouts for draw.io?▼

Yes, it supports workflow charts and card-like layouts by providing ready-to-use diagram templates and validating layout, spacing, and connections to ensure readability and compatibility with draw.io.

What is the best way to convert plain text into mxGraph XML for editing?▼

The best way is to describe your diagram in natural language, which generates a styled .drawio file validated for spacing, layout coherence, and draw.io compatibility for immediate editing.

Do I need to manually fix spacing and connections in the generated drawio XML?▼

No, you do not need to manually fix spacing and connections because the skill validates layout, spacing, and connections during generation to ensure readability and compatibility within draw.io.

Related Skills

Explore More Software Engineering Skills→
gatiemegatieme
1

excalidraw-diagram-generator

Generate Excalidraw diagrams as .excalidraw JSON files from natural language descriptions.

Community
Intermediate
akiojinakiojin
8

drawio

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

Community
Intermediate
flight505flight505
3

diagram

Generate publication-quality technical diagrams from natural language prompts.

Community
Advanced
blackcaterblackcater

beautiful-mermaid-diagrams

Generate Mermaid code for flowcharts, sequence, class, ER, and state diagrams.

Community
Intermediate