【Trae 超简配置】draw.io AI 绘图技能(Windows )

一、准备工作(3 步搞定)

1. 安装 draw.io 客户端

官网下载安装,开源免费,记住安装路径(比如 D:\Program Files\draw.io\draw.io.exehttps://www.drawio.com/

2. 下载 drawio-skill 技能包

从官方仓库下载完整的 skill 文件夹(drawio-cli),解压到本地,记住解压路径(比如 C:\Users\你的用户名\.trae-cn\skills\drawio-clihttps://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引用文件
  1. 修改完成后,把整个 drawio-cli 文件夹压缩为 ZIP 包(注意:直接压缩文件夹,不要嵌套)
  2. 打开 Trae → 设置 → 技能 → 导入技能 → 选择压缩好的 ZIP 包
  3. 导入成功后,重启 Trae 生效

三、快速使用示例

在trae中直接输入 "用draw.io帮我画rag项目的流程图"

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

相关推荐
Ysn07194 天前
利用豆包和draw.io快速绘制流程图
流程图·draw.io
外太空的莫扎特1 个月前
Draw.io免费的流程图绘画工具
流程图·draw.io
bjzhang751 个月前
Draw.io——一款免费开源的专业图表绘制工具
draw.io·专业图表绘制工具
软件鹅知道1 个月前
draw.io:开源流程图制作软件解决图表绘制与协作难题
开源软件·draw.io·图表绘制·流程图制作软件
zhexiao271 个月前
AI提效工具使用实践 Claude Code、NEXT AI DRAW.IO、XREAD
人工智能·draw.io
维度攻城狮2 个月前
pycallgraph2drawio:Python 调用链可视化 + Draw.io 自由编辑
开发语言·python·draw.io·graphviz
hnbyboy2 个月前
画图神器draw.io介绍
draw.io
七七powerful2 个月前
运维养龙虾--AI 驱动的架构图革命:draw.io MCP 让运维画图效率提升 10 倍,使用codebuddy实战
运维·人工智能·draw.io
像风一样自由20202 个月前
我把 draw.io MCP 接进 VS Code Codex,直接生成了带动画连接器的 LSTM 架构图
人工智能·lstm·draw.io