drawio-skill

Generate and export .drawio XML diagrams from natural language or images.

7.4k|538|Updated Mar 3, 2026
One-click install
npx skills add https://github.com/Agents365-ai/drawio-skill --skill drawio-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: drawio-skill
Source: https://github.com/Agents365-ai/drawio-skill/tree/main/skills/drawio-skill
Command: npx skills add https://github.com/Agents365-ai/drawio-skill --skill drawio-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill enables users to generate, export, and fine-tune diagrams efficiently, streamlining visual communication workflows.

Core Features & Use Cases

  • Diagram Generation: Produce .drawio XML files from natural language descriptions or existing images for technical or system design.
  • Export & Compatibility: Export diagrams as PNG, SVG, PDF, or JPG, with support for embedded XML for easy editing; suitable for documentation, presentations, and reports.
  • Use Case: A system architect describes a network architecture in natural language, generating an editable diagram ready for refinement or presentation.
  • Proactive Triggers & Auto-Refine: Automatically suggests diagram updates during explanation of complex systems with multiple components.

Quick Start

Ask the AI to create a diagram of your system architecture by describing the components and relationships involved, then export it as a PNG for inclusion in your report.

Frequently Asked Questions about drawio-skill

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

FAQPage Schema
How do I generate a system architecture diagram from natural language?

You can generate a system architecture diagram from natural language by describing your components and relationships to the AI. It produces an editable `.drawio` XML file that can be iteratively refined for technical documentation.

Can I convert text descriptions into editable draw.io XML files?

Yes, you can convert text descriptions into editable draw.io XML files. This Skill parses natural language inputs to construct `.drawio` diagrams, allowing for automated adjustments and export to formats like PNG, SVG, or PDF.

How do I export draw.io diagrams as PNG or SVG for a presentation?

To export draw.io diagrams as PNG or SVG for a presentation, you use the integrated draw.io CLI for desktop apps. It supports exporting your generated diagrams to PNG, SVG, PDF, or JPG with embedded XML for easy editing.

Does this diagram generation tool require the draw.io desktop app?

Yes, this diagram generation tool requires integration with the draw.io CLI for desktop apps. This setup is necessary to facilitate the automated creation, adjustment, and export of your system diagrams.

What is the best way to refine a technical diagram after it is generated?

The best way to refine a technical diagram after it is generated is through iterative refinement. The Skill supports proactive triggers and auto-refine, automatically suggesting diagram updates when you explain complex systems with multiple components.

Can I create network diagrams from an existing image?

Yes, you can create network diagrams from an existing image. The Skill supports generating and exporting professional system diagrams based on both natural language descriptions and existing images for technical modeling.