Bruce Drawio

[English](README_EN.md) | 中文

Draw.io 图表生成技能

跨平台的 draw.io (diagrams.net) 图表生成技能，适用于 Claude Code、codex、zcode、workbuddy、OpenClaw 等各类 AI 编程 Agent。Agent 直接生成 drawio XML，校验后通过 CLI 导出图片；没有桌面版时自动降级为 draw.io 官网打开链接。

技能本身是纯 Markdown + 两个零依赖脚本，不绑定任何特定 Agent 的运行时。

安装

向你的 AI 编程 Agent 发送以下提示词：

帮我安装这个skill：https://github.com/bruc3van/bruce-drawio

Agent 会自动克隆仓库并完成配置。

如果你的 Agent 不支持自动安装，手动克隆到对应的 skills 目录即可：

Agent	skills 目录
Claude Code	~/.claude/skills/
codex / zcode / workbuddy / OpenClaw 等	~/.agents/skills/

# Claude Code
git clone https://github.com/bruc3van/bruce-drawio ~/.claude/skills/bruce-drawio

# 其他 Agent
git clone https://github.com/bruc3van/bruce-drawio ~/.agents/skills/bruce-drawio

Windows 上把 `~` 换成 `$HOME`（PowerShell）或 `%USERPROFILE%`（cmd）。技能没有构建步骤，克隆完就能用。

支持的图表类型

类型	说明	触发词示例
流程图	业务流程、审批流程、算法逻辑	"画一个流程图"
架构图	系统架构、微服务、部署架构	"画一个架构图"
UML 时序图	组件之间的交互时序	"画一个时序图"
UML 类图	类关系、继承结构	"画一个类图"
ER 图	数据库设计、实体关系	"画一个 ER 图"
思维导图	头脑风暴、知识梳理	"画一个思维导图"
网络拓扑图	网络架构、设备连接	"画一个网络拓扑图"

平台支持

draw.io 桌面版仅用于导出图片，属于可选项；不安装也能通过[在浏览器打开](#在浏览器打开)查看和编辑图表。

平台	安装命令	包管理器
macOS	brew install --cask drawio	Homebrew
Windows	winget install JGraph.Draw	winget / Chocolatey
Linux	snap install drawio	snap / 手动安装

所有平台也支持从 [draw.io releases](https://github.com/jgraph/drawio-desktop/releases) 手动下载安装。

Linux 无头环境（容器、CI）下导出需要 `xvfb-run -a` 并加 `--no-sandbox`，Agent 会自动处理。

工作流程

1. 用户描述想要的图表
2. Agen