AI画图不再千篇一律！这个手绘流程图Skill让PPT加十分

每次画流程图都要花半小时调线条粗细、手绘风格调不出来？

今天挖到一个让我直接闭嘴的神 Skill——hand-drawn-diagrams。

一句话总结：给它一段文字描述，它给你一张手绘风格的 Excalidraw 图，SVG/PNG/在线链接全支持。

它能做什么

输入一个想法，比如”用户登录流程图，包含前端、后端和数据库”，它直接生成一张手绘风格的图，线条是铅笔感的那种，字体是潦草的箭头标注，看起来就像有人在白板上画的。

不只是静态图——它还能生成动画 SVG，图里的元素会逐个出现，演示 PPT 里放这个直接加十分。

更绝的是它生成一个在线可编辑链接，你可以直接点进去在 Excalidraw 里改，改完再导出 PNG 或者 SVG，流程图、架构图、用户旅程图都能搞。

谁在用

这个 Skill 来自 nexu-io/open-design 这个仓库，本身是开源社区维护的（上游是 muthuishere/hand-drawn-diagrams），已经有 8 万多 Star，在 GitHub 上属于同类型 Skill 里最火的一批。

支持的 agent 包括 Claude Code、Codex CLI、Gemini CLI，主流 AI 编程工具全覆盖。

怎么用

装上之后，直接在对话里说：

“帮我画一个微服务架构的手绘流程图”

或者触发词：excalidraw、hand drawn diagram、sketch diagram、whiteboard diagram

Agent 就会调用这个 Skill 生成对应图表，告诉你在线链接和导出方式。

适用场景

做技术分享 PPT 时，架构图不想用千篇一律的蓝色矩形框？用它。手绘感拉满，观众看着像是在看有人在白板边讲边画。

写文档需要插图，不想截图也不想开 Figma？用它。描述一下，10 秒出图，PNG 直接插进去。

协作需要共享一张可编辑的图？扔链接，对方点开 Excalidraw 直接改。

为什么推荐它

AI 生成图片的工具一堆，但能生成可编辑的手绘风格矢量图的工具不多。手绘风格天然适合技术讲解和创意表达，不像 Midjourney 出来的图那么”重”，放在 PPT 和文档里刚刚好。

而且它是纯开源的，Star 数 8 万+，社区活跃，不用担心作者跑路。

GitHub 链接：https://github.com/nexu-io/open-design/tree/main/skills/hand-drawn-diagrams

GitHub: https://github.com/nexu-io/open-design/tree/main/skills/hand-drawn-diagrams