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

相关推荐
老兵发新帖6 天前
next drawio界面卡死问题分析
人工智能·draw.io
被放养的研究生7 天前
各软件中的 pt 有何不同?PDF 查看器、Draw.io 与 LaTeX 的单位陷阱
pdf·draw.io
被放养的研究生10 天前
latex、drawio、wps、edge尺寸转换
draw.io
相忘于江湖42654313 天前
【deepseek + draw.io 】生成流程图
流程图·draw.io
STRUGGLE_xlf14 天前
Codex × Draw.io MCP:AI 自动绘制架构图
人工智能·draw.io
CV-deeplearning15 天前
不用 Visio 不用 draw.io!Architecture Diagram Generato用 Claude 一句话生成专业架构图,暗黑主题太酷了
ai绘图·draw.io·架构图·architecture·claudeskill·cocoonai
爱分享软件的学长20 天前
draw.io Desktop 30.0.2 官方版下载|夸克网盘/百度网盘|SHA256校验
draw.io
Ysn071924 天前
利用豆包和draw.io快速绘制流程图
流程图·draw.io
外太空的莫扎特2 个月前
Draw.io免费的流程图绘画工具
流程图·draw.io