【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 客户端打开,二次修改样式、布局和细节。

相关推荐
TTGGGFF16 天前
AI生图无法编辑?Crop2Draw —— 把论文架构图「拆」进 draw.io
draw.io
TOMaster.1 个月前
Draw.io(Diagrams)图表绘制工具
draw.io·流程图工具·diagrams·draw.io流程图展示
老兵发新帖2 个月前
next drawio界面卡死问题分析
人工智能·draw.io
被放养的研究生2 个月前
各软件中的 pt 有何不同?PDF 查看器、Draw.io 与 LaTeX 的单位陷阱
pdf·draw.io
被放养的研究生2 个月前
latex、drawio、wps、edge尺寸转换
draw.io
相忘于江湖4265432 个月前
【deepseek + draw.io 】生成流程图
流程图·draw.io
STRUGGLE_xlf2 个月前
Codex × Draw.io MCP:AI 自动绘制架构图
人工智能·draw.io
CV-deeplearning3 个月前
不用 Visio 不用 draw.io!Architecture Diagram Generato用 Claude 一句话生成专业架构图,暗黑主题太酷了
ai绘图·draw.io·架构图·architecture·claudeskill·cocoonai
爱分享软件的学长3 个月前
draw.io Desktop 30.0.2 官方版下载|夸克网盘/百度网盘|SHA256校验
draw.io