从半小时到一分钟——我用 AI Skill 搞定了技术文章配图 📅 2026/8/11 4:12:41 写技术博客、做汇报PPT的时候你一定遇到过这个场景内容已经写完了但还差一张流程图或者架构图。于是打开画图工具拖拽方框、连线、对齐、调色……一张中等复杂度的图半小时起步。后来我发现了一个更高效的方式——用 AI Skill 来画图。今天以 Excalidraw Diagram Generator 这个 Skill 为例聊聊它到底怎么用、效果如何、适合什么场景。什么是画图 Skill简单来说画图 Skill 就是一个可以被 AI 调用的技能插件。安装之后你不需要打开任何画图软件直接用自然语言描述你想要的图AI 就会自动生成一个.excalidraw格式的矢量图文件打开就能微调。Excalidraw 本身是一款手绘风格的开源白板工具画出来的图干净清爽特别适合技术文章配图。怎么安装安装过程很简单打开 Skill 中心搜索 Excalidraw Diagram Generator点击安装确认安装目录在~/.workbuddy/skills/excalidraw-diagram-generator/装好之后就可以直接在对话中用自然语言描述需求了。它支持哪些图目前支持的主要图表类型包括流程图关系图思维导图架构图数据流图泳道图基本上技术文章里常用的图都能覆盖。实战案例案例一安全事件处置流程图我输入的需求是画一个安全事件处置流程图包含事件发现、初步研判、应急响应、溯源分析、修复加固、复盘总结六个步骤用箭头连接。大约一分钟后AI 就生成了一个完整的流程图文件。六个节点按顺序排列箭头方向清晰打开后稍微调整一下颜色和间距就能直接用。案例二网络安全知识体系思维导图需求画一个网络安全知识体系的思维导图中心主题是网络安全六个分支分别是网络攻防、密码学、安全运维、合规审计、云安全、AI安全每个分支用不同颜色。生成的结果是放射状布局六个分支颜色区分明显层次清晰。作为文章的概览图非常合适。案例三系统架构图需求画一个 Web 应用架构图包含前端、API 网关、微服务层、数据库、缓存、消息队列标注各层之间的调用关系。生成的架构图层次分明调用关系一目了然。进阶玩法封装自己的绘图 Skill如果你经常用同一套风格画图——比如蓝紫色科技风、16:9 比例、适合博客封面——可以把这套 Prompt 封装成一个自定义 Skill。做法很简单在SKILL.md中写好你的固定风格要求比如## 风格要求 - 配色蓝紫色系#4F46E5, #7C3AED, #06B6D4 - 比例16:9 - 字体无衬线 - 节点形状圆角矩形 - 连线风格正交折线以后每次画图只需要一句话描述内容风格自动统一非常适合批量产出系列文章的配图。适用场景与局限适合的场景技术文章配图书稿示意图PPT 素材批量风格统一的图表不太适合的场景需要像素级精确控制的设计大量手绘自定义图形需要嵌入照片或位图超过 20 个元素的超复杂图表总结以前画一张配图半小时现在一分钟拿到初稿、三五分钟微调到位。对于经常写技术内容的人来说这个效率提升是实打实的。如果你也有写文章配图难的困扰不妨试试这个思路。