写技术博客、做汇报PPT的时候，你一定遇到过这个场景：内容已经写完了，但还差一张流程图或者架构图。于是打开画图工具，拖拽方框、连线、对齐、调色……一张中等复杂度的图，半小时起步。

        后来我发现了一个更高效的方式——用 AI Skill 来画图。今天以 Excalidraw Diagram Generator 这个 Skill 为例，聊聊它到底怎么用、效果如何、适合什么场景。

什么是画图 Skill

        简单来说，画图 Skill 就是一个可以被 AI 调用的"技能插件"。安装之后，你不需要打开任何画图软件，直接用自然语言描述你想要的图，AI 就会自动生成一个 .excalidraw 格式的矢量图文件，打开就能微调。

        Excalidraw 本身是一款手绘风格的开源白板工具，画出来的图干净清爽，特别适合技术文章配图。

怎么安装

安装过程很简单：

1. 打开 Skill 中心
2. 搜索 Excalidraw Diagram Generator
3. 点击安装
4. 确认安装目录在 ~/.workbuddy/skills/excalidraw-diagram-generator/

装好之后，就可以直接在对话中用自然语言描述需求了。

它支持哪些图

目前支持的主要图表类型包括：

• 流程图
• 关系图
• 思维导图
• 架构图
• 数据流图
• 泳道图

基本上技术文章里常用的图都能覆盖。

实战案例

案例一：安全事件处置流程图

我输入的需求是：

画一个安全事件处置流程图，包含事件发现、初步研判、应急响应、溯源分析、修复加固、复盘总结六个步骤，用箭头连接。

        大约一分钟后，AI 就生成了一个完整的流程图文件。六个节点按顺序排列，箭头方向清晰，打开后稍微调整一下颜色和间距就能直接用。

案例二：网络安全知识体系思维导图

需求：

画一个网络安全知识体系的思维导图，中心主题是"网络安全"，六个分支分别是：网络攻防、密码学、安全运维、合规审计、云安全、AI安全，每个分支用不同颜色。

        生成的结果是放射状布局，六个分支颜色区分明显，层次清晰。作为文章的概览图非常合适。

案例三：系统架构图

需求：

画一个 Web 应用架构图，包含前端、API 网关、微服务层、数据库、缓存、消息队列，标注各层之间的调用关系。

        生成的架构图层次分明，调用关系一目了然。

进阶玩法：封装自己的绘图 Skill

        如果你经常用同一套风格画图——比如蓝紫色科技风、16:9 比例、适合博客封面——可以把这套 Prompt 封装成一个自定义 Skill。

        做法很简单：在 SKILL.md 中写好你的固定风格要求，比如：

## 风格要求
- 配色：蓝紫色系（#4F46E5, #7C3AED, #06B6D4）
- 比例：16:9
- 字体：无衬线
- 节点形状：圆角矩形
- 连线风格：正交折线

        以后每次画图只需要一句话描述内容，风格自动统一，非常适合批量产出系列文章的配图。

适用场景与局限

适合的场景：

• 技术文章配图
• 书稿示意图
• PPT 素材
• 批量风格统一的图表

不太适合的场景：

• 需要像素级精确控制的设计
• 大量手绘自定义图形
• 需要嵌入照片或位图
• 超过 20 个元素的超复杂图表

总结

        以前画一张配图半小时，现在一分钟拿到初稿、三五分钟微调到位。对于经常写技术内容的人来说，这个效率提升是实打实的。

        如果你也有"写文章配图难"的困扰，不妨试试这个思路。