Draw.io Diagrams

Draw.io Diagrams is an Automation skill for Claude Code, published by Agents365-ai in drawio-skill.

7.6K stars554 forkson Agents365-ai/drawio-skillAdded 2026/08/15+2% in starsRepository updated 2026/08/05

agent-skillsarchitecture-diagrambpmnclaude-codeclaude-code-skillclaude-skillsdiagramdrawioerdflowchartgithub-actionsimage-to-diagrammbsemindmapnetwork-topologyopenclawopenclaw-skillsskillsmpsysmluml

Install in seconds

Install Draw.io Diagrams

Copy Draw.io Diagrams into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/Agents365-ai/drawio-skill/tree/main/skills/drawio-skill ~/.claude/skills/drawio-skill

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/Agents365-ai/drawio-skill.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/drawio-skill/SKILL.md in Agents365-ai/drawio-skill
Installs to: ~/.claude/skills/drawio-skill
Collection: One of 2 skills cataloged from this repository
Category: Automation — 1523 skills

What Draw.io Diagrams does

Draw.io Diagrams generates .drawio XML files and exports them to PNG, SVG, PDF, or JPG locally using the draw.io desktop CLI. Use it for polished architecture, UML, ERD, BPMN, network, and other diagrams that need custom styling, rich shapes, and exportable images.

Draw.io Diagrams is cataloged under Automation on DirSkills. Draw.io Diagrams comes from a repository tagged agent-skills, architecture-diagram, bpmn, claude-code and claude-code-skill.

Documentation

README

Excerpt

Draw.io Diagrams

Overview

Generate .drawio XML files and export to PNG/SVG/PDF/JPG locally using the native draw.io desktop app CLI.

Supported formats: PNG, SVG, PDF, JPG — no browser automation needed.

PNG, SVG, and PDF exports support --embed-diagram (-e) — the exported file contains the full diagram XML, so opening it in draw.io recovers the editable diagram. Use double extensions (name.drawio.png) to signal embedded XML.

When to use / when NOT to use

Use this skill for: polished, precise diagrams (architecture, network, strict UML, ERD), anything needing solid opaque fills, 10,000+ stock/branded shapes, swimlanes, or custom geometry, exported as editable PNG/SVG/PDF.

Do NOT use it — route elsewhere — for:

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Draw.io Diagrams

What else does Agents365-ai publish alongside Draw.io Diagrams?
Draw.io Diagrams is one of 2 skills that DirSkills catalogs from Agents365-ai/drawio-skill, the repository it ships in. Its siblings there include Draw.io Diagramming. Each one is a separate skill with its own page in this directory, installs the same way Draw.io Diagrams does, and is maintained by Agents365-ai in that same repository. The rest of the collection is listed on the Agents365-ai/drawio-skill page.
How does Draw.io Diagrams compare to other Automation skills?
Draw.io Diagrams ranks #198 by stars among the 1523 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Draw.io Diagrams against them. Open each page to compare what they document and how they install.