效率翻倍｜程序员 / 产品必学的 AI 绘图技巧

点击卡片“大数据实战演练”，选择“设为星标”或“置顶”

回复“资料”可领取独家整理的大数据学习资料！

回复“Ambari知识库”可领取独家整理的Ambari学习资料！

回复“deepseek”可领取干货资料以及知识库！

一、前言

今天发现了一个宝藏 Skill，是关于 draw.io 画图的。产出物是 .drawio 的文件（方便用软件二次修改），和画图预览图片。

填补了用 AI 赋能画图的空白，画的图也确实好看，自己二次编辑后确实可以用到工作中。

所以今天给大家分享下这个 Skill。

二、drawio Skill 介绍

github地址：https://github.com/Agents365-ai/drawio-skill

Skill 使用支持 Claude Code、OpenClaw、OpenAI Codex。我认为其他支持配置 Skill 的 AI 也可以使用，比如Gemini、Qoder、Trae 等。支持用户级配置以及项目级配置，配置简单。

三、实操

因为我有 ChatGPT PLUS 会员，所以使用了 OpenAI Codex 进行尝试，我直接将 skill 放到了用户级：

mkdir -p ~/.agents/skills/drawio-skill

git clone https://github.com/Agents365-ai/drawio-skill.git ~/.agents/skills/drawio-skill

然后打开 OpenAI Codex，关联自己的代码工程。选择最新的模型 GPT-5.4，输入提示词：

帮我创建xxx的业务流向图，面向用户是客户、业务顾问，我要准备放到验收文档中的业务蓝图设计中。

如果不按上面这样描述，最终生成流程图会有一些方法名或函数名。所以我们在画流程图前，一定要告诉 AI 流程图的面向用户是谁。如果思路清晰，可以明确流程图的类型，比如泳道图。

大家看，这就是通过 OpenAI Codex 和 drawio-skill 通过 draw.io 软件生成的泳道流程图：

大概用了 5~8 分钟，效果真的很不错。不过现在AI生成的流程图里，线条有时候会重叠，这个问题暂时还解决不了。但我们可以用draw.io软件再编辑一下。

二次编辑后的样子，是不是挺好的。如下图所示：

四、小结

采用 AI 出初稿 + 人工精修 的方式，可快速完成规范、清晰的业务流程图。该 Skill 大幅提升绘图效率、节省大量时间，实用性拉满，是高效绘图的优质帮手，值得推荐使用。大家也多体验下这个画图 Skill 吧。我们下期再见！

Ending

以上，既然看到这里了，如果觉得不错，随手点个赞、在看、转发三连吧，如果想第一时间收到推送，也可以给我个星标⭐～谢谢你看我的文章，我们下次再见。

PS:

如果大家对 AI 感兴趣，想了解 AI 前沿信息，或者想交流 AI 的提效工具，都可以加群讨论。

都建议大家扫码上面二维码，加一下「AI 工具提效交流群」，里面会持续积累各种操作文档和资料教程以及最新案例。

最后，把我的座右铭送给大家：执行是消除焦虑的有效办法，明确并拆解自己的目标，一直行动，剩下的交给时间。共勉 💪