装上drawio skill,让AI帮你画各种图(流程图、架构图等),AI画完你还能接着改
本文介绍了如何利用AI辅助生成并修改drawio流程图。首先下载安装开源免费的drawio软件,然后获取官方drawio skill工具包。由于官方工具存在命令不匹配和依赖在线文档的问题,作者详细说明了如何修改SKILL.md文件:调整执行路径为绝对路径、简化导出命令、将XML参考文档改为本地存储。最后将修改后的工具包压缩导入即可使用。这种方法比从零开始绘制流程图更高效,虽然AI生成效果可能不完美
·
先看效果:


你还可以让AI改形状/颜色/线条 等等各种格式。
虽然AI画出来的图,可能不咋地(一部分原因也取决于我们提要求的提示词),但是好在我们可以直接打开文件继续修改完善。这比我们从一个空白页从零开始一个个拖拽框线好。
一. 下载drawio
drawio是开源免费的软件,直接从官网下载,然后安装:
https://www.drawio.com/
二. 下载drawio skill
(我用的软件是trae,只用trae举例)
https://github.com/jgraph/drawio-mcp/blob/main/skill-cli/drawio/SKILL.md
三. 修改skill
为什么要改?
虽然这是官方的skill,但是也有写的不严谨的地方,我导入技能后没法直接使用,需要修改才行。
比如:

Windows上安装完过后是 draw.io.exe, 命令应该是draw.io 才对,而我上图画红线的地方写的却是drawio,这在实际使用中AI会报错:找不到这个命令。
其次官方skill把XML的语法参考写到了一个链接里面,每次调用技能都需要联网去读那个XML文件,而且这个链接对无法上网的用户来说很不友好:

所以我把这个XML下载放到了本地:
drawio-cli
│ SKILL.md
│
└─reference
xml-reference.md
怎么改?
记事本打开SKILL.md
- (以Windows为例,我只保留Windows相关的部分,如果你是其他系统,你自行修改对应部分),Locating the CLI里面那堆什么环境变量、Linux、macOS、WSL 全都用不上,还干扰模型上下文,直接改成draw.io.exe的绝对路径(你的安装路径):

- Export command 只给一条命令就够了,改成安装路径。Opening the result 只保留你系统的对应一条命令

- XML reference 把在线文档的链接,换成本地的路径

四. 导入使用
把修改后的drawio-cli文件夹,重新打成zip压缩包,导入skill 即可使用
更多推荐




所有评论(0)