Skill2.7k repo starsupdated 9d ago

docs

The drawio skill enables Claude Code to create, edit, and manage diagrams using Draw.io integration. Install it through Claude Code's plugin marketplace, via npm skills package manager, or by cloning the repository directly into your skills directory, with updates available through your chosen installation channel.

View source Repository: drawio-skill

Install in Claude Code

Copy

git clone --depth 1 https://github.com/Agents365-ai/drawio-skill /tmp/docs && cp -r /tmp/docs/docs/INSTALL_ ~/.claude/skills/docs

Then start a new Claude Code session; the skill loads automatically.

Definition

INSTALL_SKILL.md

# Skill Installation

[中文](INSTALL_SKILL_CN.md)

```bash
# Any agent (Claude Code, Cursor, Copilot, etc.)
npx skills add Agents365-ai/365-skills -g

# Claude Code only
> /plugin marketplace add Agents365-ai/365-skills
> /plugin install drawio
```

Manual install — clone into your agent's skills directory:

```bash
git clone https://github.com/Agents365-ai/drawio-skill.git ~/.claude/skills/drawio-skill
```

Common paths: `~/.claude/skills/` (Claude Code), `~/.config/opencode/skills/` (Opencode), `~/.openclaw/skills/` (OpenClaw), `~/.agents/skills/` (Codex). Also indexed on [SkillsMP](https://skillsmp.com/skills/agents365-ai-drawio-skill-skills-drawio-skill-skill-md) and [ClawHub](https://clawhub.ai/agents365-ai/drawio-pro-skill).

## Updates

Updates flow through whatever channel you installed from:

```bash
# Claude Code plugin
/plugin update drawio

# OpenClaw
clawhub update drawio-pro-skill

# SkillsMP
skills update drawio-skill
```

For direct `git clone` installs, pull from your install directory:

```bash
cd <your-install-path>/drawio-skill && git pull
```

More from this repository

drawio-skillSkill

Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, network topology, ML/DL model figures (Transformer/CNN/LSTM), mind maps, or any visualization. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Best suited when the diagram needs custom styling, rich shape vocabulary, swimlanes, or exportable images (PNG/SVG/PDF/JPG). Generates .drawio XML and exports locally via the native draw.io desktop CLI.