drawio

Generate editable .drawio diagrams from natural-language descriptions and export to PNG, SVG, PDF, or JPG.

40|9|Updated Jan 4, 2026
One-click install
npx skills add https://github.com/akillness/jeo-skills --skill drawio-akillness
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/akillness/jeo-skills/tree/main/.agent-skills/drawio
Command: npx skills add https://github.com/akillness/jeo-skills --skill drawio-akillness

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Turn natural-language descriptions into editable .drawio diagrams and export them to PNG / SVG / PDF / JPG via the native draw.io desktop CLI, or turn an existing codebase (Python / JS-TS / Go / Rust) into an auto-laid-out structure diagram. Wraps Agents365-ai/drawio-skill: 6 diagram presets (ERD, UML class, sequence, architecture, ML/DL, flowchart), search across 10,000+ official AWS/Azure/GCP/Cisco/K8s/UML/ BPMN shapes, 321 AI/LLM brand logos, vision self-check + auto-fix, and a 5-round iterative refinement loop. No MCP server, no daemon — runs from a single SKILL.md and the draw.io CLI. Use when the user wants polished, precise, exportable diagrams or wants to visualize code structure.

Core Features & Use Cases

  • Convert natural-language descriptions into editable .drawio diagrams that stay editable
  • Export diagrams to PNG / SVG / PDF / JPG via the draw.io CLI
  • Visualize codebases (Python / JS-TS / Go / Rust) as auto-laid-out structure diagrams
  • Leverage official icons and logos for professional diagrams (AWS/Azure/GCP, Kubernetes, AI logos)
  • Self-check and iterative refinement to improve layout and correctness

Quick Start

Describe a task in plain language to generate an editable .drawio diagram and export it to PNG/SVG/PDF.

Frequently Asked Questions about drawio

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

FAQPage Schema
How do I convert natural language descriptions into editable architecture diagrams?

This skill generates editable .drawio architecture diagrams from natural-language descriptions, applying presets like ERD, UML, sequence, and flowchart, then exports them to PNG, SVG, PDF, or JPG via the native draw.io desktop CLI.

Can I visualize a Python or Go codebase as an auto-laid-out structure diagram?

Yes, you can visualize Python, JS-TS, Go, and Rust codebases as auto-laid-out structure diagrams by processing the source code through the draw.io workflow to map dependencies and architecture automatically.

How do I export a draw.io diagram to PNG or SVG using the CLI?

You can export a .drawio diagram to PNG, SVG, PDF, or JPG using the native draw.io desktop CLI, which runs directly from a single SKILL.md file without requiring an MCP server or background daemon.

Does this diagram tool support official AWS, Azure, and Kubernetes icons?

Yes, the diagram tool searches across 10,000+ official AWS, Azure, GCP, Cisco, Kubernetes, UML, and BPMN shapes, alongside 321 AI and LLM brand logos, to ensure professional and accurate cloud architecture visualizations.

How does the iterative refinement loop improve diagram layout and correctness?

The iterative refinement loop runs a vision self-check and auto-fix process for up to five rounds, automatically detecting and correcting layout issues and structural errors to improve overall diagram correctness and visual quality.

Do I need an MCP server or daemon running to generate draw.io diagrams?

No, you do not need an MCP server or background daemon to generate draw.io diagrams, as the entire workflow operates from a single SKILL.md file and leverages the local draw.io desktop CLI for processing and export.