Bruce Drawio — AI skill for Claude Code
跨平台的 draw.io (diagrams.net) 图表生成技能,适用于 Claude Code、codex、zcode、workbuddy、OpenClaw 等各类 AI 编程 Agent.
How to install Bruce Drawio
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open bruc3van/bruce-drawio and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Bruce Drawio does
跨平台的 draw.io (diagrams.net) 图表生成技能,适用于 Claude Code、codex、zcode、workbuddy、OpenClaw 等各类 AI 编程 Agent。Agent 直接生成 drawio XML,校验后通过 CLI 导出图片;没有桌面版时自动降级为 draw.io 官网打开链接。
Alternatives in AI
- EchoBird — One-click install + model switch:Claude Code,Codex CLI (OpenAI), Grok Build (xAI), DeepSeek Harness, Kimi Code 3.1k ★
- Vibe Astock — Vibe AStock:A 股短线复盘与跟踪工作台 · 盯盘异动、情绪复盘(连板天梯、题材轮动、明日验证)、AI 复盘与周报、交易日志、盘前提醒,182 个数据端点 679 ★
- Oc Claw — A desktop pet that monitors your AI coding agents (OpenClaw, Claude Code, Codex, Cursor, Gemini CLI, opencode 352 ★
README
[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 会自动处理。
工作流程
- 用户描述想要的图表
- Agen
Related Skills
Drawio Quick Launcher
将在ChatGPT、Gemini、Claude等AI生成的drawio、mermaid代码,一键导入app.diagrams.net网站并打开,方便继续编辑与下载
Drawcms
The animated diagram editor AI agents can draw on. Animated technical diagrams (architecture, sequence, BPMN,
PMCockpit
面向产品经理的 AI 工作台:把需求、规格、原型、评审、复盘与经验沉淀固化为可执行 Skill,支持 ZCode、Claude Code、WorkBuddy 和 Codex。
Token Watcher
⏱ Token Watcher — local real-time token usage & quota dashboard for AI coding agents (Claude Code, ccmr, Codex
Bruce Pptx Generator
一个专为 AI 编程 Agent 设计的 PPT 生成 Skill,让 openclaw 能够根据你的需求,从零开始用代码生成专业级 PowerPoint 演示文稿。
Chanlun Engine Skill
让 AI 帮你做缠论分析:自动画笔、线段、中枢,标出三类买卖点与背驰,每个信号都带失效价位。脚本负责计算,AI 负责讲人话;可复核、不荐股。适配 WorkBuddy / Claude Code / Codex / Ope
Related Agents
Dotnet Docs Generator
WHEN generating documentation for a .NET project. Analyzes project structure, recommends doc tooling, generate
Diagram Generation
Diagram generation expert for draw.io, PlantUML, and Mermaid — use proactively when creating architecture diag
Agent Of Empires
Claude Code, OpenCode, Mistral Vibe, Codex CLI, Gemini CLI Coding Agent Terminal Session manager via tmux and