一、准备工作(3 步搞定)
1. 安装 draw.io 客户端
官网下载安装,开源免费,记住安装路径(比如 D:\Program Files\draw.io\draw.io.exe)https://www.drawio.com/
2. 下载 drawio-skill 技能包
从官方仓库下载完整的 skill 文件夹(drawio-cli),解压到本地,记住解压路径(比如 C:\Users\你的用户名\.trae-cn\skills\drawio-cli)https://github.com/jgraph/drawio-mcp/tree/main/skill-cli/drawio
3. 核心配置:修改 SKILL.md(关键!)
用记事本 / VS Code 打开 drawio-cli/SKILL.md,只修改 3 处关键内容:
① 修改 Windows 客户端路径
② 修改 Export command 导出令

③ 修改 XML 引用路径(解决无网/加载失败问题)

二、整合Trae 技能
把文件按照一下目录的格式组装好
drawio-cli/
├─ SKILL.md # 核心配置文件(唯一需要修改的文件)
├─ reference/
│ └─ xml-reference.md # 本地XML引用文件
- 修改完成后,把整个
drawio-cli文件夹压缩为 ZIP 包(注意:直接压缩文件夹,不要嵌套) - 打开 Trae → 设置 → 技能 → 导入技能 → 选择压缩好的 ZIP 包
- 导入成功后,重启 Trae 生效
三、快速使用示例
在trae中直接输入 "用draw.io帮我画rag项目的流程图"

AI 会直接生成 .drawio 文件,你可以双击用 draw.io 客户端打开,二次修改样式、布局和细节。