drawio

The saved excerpt is a snapshot from review. The external source remains the complete and most current version.

---
name: drawio
description: >
  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.
  Triggers on: drawio, draw.io, drawio diagram, architecture diagram, ERD,
  UML diagram, sequence diagram, flowchart, network diagram, visualize
  codebase, code structure diagram, class hierarchy, export diagram png/svg/pdf,
  AWS/Azure/GCP icon, draw.io shapes.
allowed-tools: Bash Read Write Edit Glob Grep WebFetch
compatibility: >
  Wraps the Agent-Skills-format drawio-skill (Agents365-ai/drawio-skill),
  usable from Claude Code, Cursor, Copilot, OpenClaw, Codex, Gemini CLI,
  and any agent compatible with the Agent Skills format. Requires the
  draw.io desktop CLI for export and optional Graphviz for codebase
  auto-layout. Routes hand-drawn/whiteboard looks to excalidraw/tldraw,
  diagrams-as-code-in-git to mermaid/plantuml, deck artifacts to
  `presentation-builder`, and generic plugin browsing to `ccpi-marketplace`.
metadata:
  tags: drawio, diagram, erd, uml, flowchart, architecture-diagram, sequence-diagram, code-visualization, shape-search, ai-logos, export, plugin
  platforms: Claude, Codex, Gemini, Cursor, Copilot, OpenClaw, All
  keyword: drawio
  version: "1.0.0"
  upstream: https://github.com/Agents365-ai/drawio-skill
  installer: npx skills add Agents365-ai/365-skills -g
  source: akillness/jeo-skills
  license: MIT
---

# drawio — From Text to Professional Diagrams

[drawio-skill](https://github.com/Agents365-ai/drawio-skill) (Agents365-ai,
MIT) converts a natural-language description into editable `.drawio` XML and
exports it to PNG / SVG / PDF / JPG through the **native draw.io desktop
CLI** — no MCP server, no background daemon. It can also turn an **existing
codebase** into an auto-laid-out structure diagram. This skill is the
jeo-skills wrapper: it documents when to reach for draw.io, how to install
the CLI + skill (including as a plugin), and how to drive the
plan → generate → self-check → iterate → export loop.

## When to use this skill

- The user wants a **polished, precise diagram** — architecture, network
  topology, microservices, cloud (AWS/Azure/GCP), strict UML class/sequence,
  ER diagram, flowchart, mind map, org chart, ML/DL model
- The user wants to **visualize an existing codebase** — import graphs for
  Python / JS-TS / Go / Rust, or a Python class-inheritance hierarchy, with
  no manual coordinates
- The user needs **real official vendor icons** (AWS Lambda, Kubernetes pod,
  Cisco, BPMN, …) instead of guessed `shape=mxgraph.*` blank boxes
- The user wants **AI/LLM brand logos** (OpenAI, Claude, Gemini, Mistral,
  Llama, Ollama, LangChain, …) that draw.io ships none of
- The user wants the output **exported to PNG/SVG/PDF and kept editable**,
  optionally self-checked and refined over several rounds
- The user explicitly asks for draw.io / `.drawio` files

## When not to use this skill

- The user wants a **casual, hand-drawn / whiteboard look** → use
  `excalidraw-skill` or `tldraw-skill` (sibling upstream skills)
- The user wants **diagrams-as-code that live in git and render in Markdown**
  → use `mermaid` (general) or `plantuml` (UML in CI)
- The user wants a **slide deck / presentation artifact** →
  `presentation-builder`
- The user only wants to **browse/install Claude plugins generally** →
  `ccpi-marketplace`
- The user needs **AI image/vid