drawio

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 (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/video generation (not diagrams) → god-tibo-imagen / video-production

Prerequisites

Requirement	Notes