skills.rest
markacianfrani
markacianfraniCOMMUNITY
Explore all skills by this author →
Website𝕏@markacianfraniGitHub

drawio

Generates native draw.io XML diagrams for technical documentation and visual modeling, with optional export to PNG, and SVG/PDF via installed desktop app.

6|Updated Jan 14, 2026
Search Tags:#architecture#flowchart#visualization#xml#diagram#drawio
One-click install
npx skills add https://github.com/markacianfrani/armor --skill drawio-markacianfrani
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/markacianfrani/armor/tree/main/skills/drawio
Command: npx skills add https://github.com/markacianfrani/armor --skill drawio-markacianfrani

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the friction of creating and maintaining technical diagrams by allowing you to generate native draw.io XML directly from natural language requests.

Core Features & Use Cases

  • Native Generation: Creates valid mxGraphModel XML for flowcharts, architecture, ER, and sequence diagrams.
  • Format Flexibility: Supports exporting diagrams to PNG, SVG, or PDF with embedded XML for future editing.
  • Use Case: When you need to document a system architecture or a user flow, simply describe the components and relationships, and the skill will generate the corresponding diagram file.

Quick Start

Ask the assistant to create a flowchart for the user login process and save it as a drawio file.

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 XML diagrams from natural language?▼

To generate draw.io XML diagrams from natural language, describe the components and relationships of your system architecture or user flow. The skill creates valid mxGraphModel XML for flowcharts, architecture, ER, and sequence diagrams directly from your text requests.

Can I export draw.io diagrams to PNG, SVG, or PDF formats?▼

You can export draw.io diagrams to PNG, SVG, or PDF formats. The export process embeds the XML source data within the output files, enabling iterative editing of the generated diagrams across these supported formats.

Do I need a local draw.io desktop installation to export diagrams?▼

A local draw.io desktop installation is required for exporting diagrams. The CLI-based export operations depend on the local desktop application to process and convert the generated XML into PNG, SVG, or PDF files.

What types of technical diagrams can I create using natural language?▼

You can create flowcharts, architecture, ER, and sequence diagrams using natural language. The skill generates native draw.io XML structured for technical documentation and visual modeling of system components and relationships.

How do I edit a generated diagram after exporting it?▼

To edit a generated diagram after exporting it, open the PNG, SVG, or PDF file in draw.io. The export process embeds the XML source data within the file, allowing iterative editing without losing the original diagram structure.

What is the best way to document system architecture using draw.io XML?▼

The best way to document system architecture is to describe the components and relationships in natural language. The skill generates native mxGraphModel XML, which can then be exported to PNG, SVG, or PDF with embedded source data for future editing.

Related Skills

Explore More Software Engineering Skills→
compozycompozy
2.5k

drawio

Generate native draw.io diagrams as editable .drawio files from natural language prompts.

Official
Advanced
SwimmingLiuSwimmingLiu
1

drawio

Generate editable draw.io diagrams and export them to PNG, SVG, or PDF.

Community
Intermediate
SomtoUgehSomtoUgeh

technical-svg-diagrams

Generate technical SVG diagrams for architecture, flow, and component views.

Community
Basic
F1shiftF1shift

drawio-diagram-forge

Generate and edit draw.io diagrams from text, images, or Excel/Markdown files.

Community
Advanced