装上drawio skill,让AI帮你画各种图(流程图、架构图等),AI画完你还能接着改

来源: 微信公众号「GetLost FindMyself」
作者: 六点下班一定要走
链接: https://mp.weixin.qq.com/s/3eJA0Xc1p5uDRcL7GUnsJQ
日期: 2026-04-21

核心价值

让 AI 通过 draw.io skill 生成流程图、架构图等,AI 生成后用户可以继续在 draw.io 中编辑完善。

优势:

技术方案

1. 安装 draw.io

2. 下载 drawio skill

3. 修改 skill(重要)

官方 skill 存在的问题:

  1. 命令名错误: Windows 安装后是 draw.io.exe,skill 中写的是 drawio(会报错)
  2. XML 参考在线: 每次调用需联网读取,对无法上网的用户不友好

修改方案:

a) 修正命令路径 (SKILL.md):

# Locating the CLI
Windows: C:\Program Files\draw.io\draw.io.exe (改成你的安装路径)

# Export command
draw.io.exe -x -f xml -o output.drawio input.xml

# Opening the result
start output.drawio

b) 本地化 XML 参考:

drawio-cli/
├── SKILL.md
└── reference/
    └── xml-reference.md  (从在线链接下载到本地)

在 SKILL.md 中将在线链接替换为本地路径:

[XML Reference](reference/xml-reference.md)

4. 导入使用

将修改后的 drawio-cli 文件夹打包成 zip,导入到 AI 工具的 skill 系统。

技术细节

draw.io CLI 工作流:

  1. AI 生成 XML 格式的图表描述
  2. 通过 draw.io.exe -x -f xml 导出为 .drawio 文件
  3. 用户在 draw.io 中打开继续编辑

XML 格式: draw.io 使用自定义 XML 格式描述图表元素(节点、连线、样式等)

相关技术

适用场景

对比其他方案

方案 优势 劣势
draw.io skill 可编辑、开源免费 需要本地安装
Mermaid 纯文本、版本控制友好 样式定制受限
PlantUML 强大的 UML 支持 语法复杂
Excalidraw 手绘风格、美观 无 CLI 支持

待办

技术价值