乐于分享
好东西不私藏

我把文章丢给AI,它自动画出了逼格手绘配图(附skill)

我把文章丢给AI,它自动画出了逼格手绘配图(附skill)

上面这张图,不是我画的。

也不是 Canva 模板生成的。(说实话,我试过,但总感觉差点什么)

它其实是我把一篇技术文章丢给一个开源的AI 技能,让它全自动生成的中文手绘风格配图。

调用workbuddy内置的生图模型生成的图片,即便是采用了弱爆了的生图模型,效果依旧可以。

整个过程我就在旁边看着——没打开任何设计软件,没调过参数,它就画出来了。

我用的这个工具叫 Ian Handdrawn PPT,名字里有"PPT",但它输出的就是 PNG 图片——手绘风格的技术解释配图,刚好适合插入公众号文章

细线条铅笔排线、近白纸底、淡蓝淡绿柔和标记色、大量留白——看起来像某个认真的人拿铅笔在草稿纸上画出来的概念解释图。但整个过程,我没有打开任何设计软件。


这个工具到底是什么

叫 Ian Handdrawn PPT,GitHub 上刚开源不久,已经 480 star。(我查了下,这个数字还在涨)

名字里有"PPT",但它不输出可编辑的 PPTX 文件。它输出的是 PNG 图片——手绘风格的技术解释配图,可以直接嵌入公众号文章、博客、课件。

核心逻辑其实很简单:你给它内容,它帮你画出来。 就这么直接。

支持的输入格式挺多的,基本上你能想到的都能丢进去:

  • 技术文章、博客、公众号草稿
  • Markdown 笔记、课程大纲
  • PDF、DOCX、甚至已有 PPTX(只提取内容,重画成手绘风格)

比如下面这张,是它根据我一篇"为什么要自动化新闻追踪"的文章段落自动生成的。没有模板感,没有塑料味,就是一张干干净净的手绘概念图。


"3行命令,开始生成手绘配图

安装

三行命令搞定:

git clone https://github.com/helloianneo/ian-handdrawn-ppt.gitcd ian-handdrawn-pptcp -R ./ian-handdrawn-ppt ~/.workbuddy/skills/

装完就能用了。它是 Claude Code / WorkBuddy 的 AI Agent 技能,不需要 Python 环境配置,不需要 API Key,不需要安装任何设计软件。(这点对我这种懒人来说太友好了)

五种典型用法

装好之后,根据你的场景选一个 prompt 就行:

1. 文章配图(最常用)

Use $ian-handdrawn-ppt 把下面这篇文章做成 1 张 21:9 封面图 + 3 张 16:9 正文配图。风格保持中文手绘技术解释图,文字尽量短,每张图只表达一个观点。

2. 课程课件

Use $ian-handdrawn-ppt 把这份课程大纲整理成 8 页手绘技术课件图。面向有基础的新手,每页一个核心概念。

3. 单个概念解释

Use $ian-handdrawn-ppt 把"RAG 的检索、重排、生成三阶段"做成 3 张 16:9 手绘技术解释图。

4. 重画现有 PPT

Use $ian-handdrawn-ppt 读取这个 PPTX 的内容和结构。把它重画成手绘风格 PNG 页面图,保留核心叙事,删掉模板感。

5. 仅规划不生图

Use $ian-handdrawn-ppt 先不要生图。请把这篇内容规划成一套 10 页左右的手绘 PPT-style image deck。

第五种模式适合先生成大纲确认结构,满意了再生图,省 token。(我试过,确实能省不少)


生成的图到底长什么样

几个关键特征:

两种画幅自动匹配

  • 21:9(2520×1080):
    封面图,超宽画幅,适合做文章头图
  • 16:9(1920×1080):
    正文配图,标准画幅,嵌入文章不突兀

10 种语义布局,不是模板

它不会每页都用同一个模板。而是根据内容语义自动选择布局:

内容类型
布局原型
举例
开篇主题
封面隐喻
一个大概念 + 副标题
概念定义
单概念解释
居中概念 + 支撑注释
对比分析
左右对比
错误 vs 正确 / 旧 vs 新
步骤流程
水平流程
从左到右的管线图
循环机制
环形机制
反馈回路、迭代循环
决策分支
分支地图
条件判断树
分类框架
分类地图
概念族谱
多维比较
矩阵表格
手绘表格对比
抽象系统
隐喻大图
一个大比喻解释复杂系统
总结收尾
要点回顾
一句话结论 + 三个支撑点

这意味着同一套配图里,每页的构图都不一样,但风格完全统一。

多页还能生成缩略总览

如果你一次性生成十几页,它可以额外生成一张缩略总览图(contact sheet),方便你一眼挑出哪页好用、哪页要重做。


风格系统:为什么看着这么舒服

这个技能最牛的地方不是"能画图"——AI 画图工具多了去了。

它的杀手锏是一套叫 Visual DNA V6 的风格系统,锁死了十几个视觉常量:

  • 纸张底色:近白暖白(#FBFAF5),不是发黄的旧纸
  • 线条:细铅笔线,带轻微不规则感,像人手画的
  • 色彩:只用淡蓝、淡绿、淡橙、淡紫四种标记色,绝不刺眼
  • 留白:大量。图表只占页面 50-60% 宽度,35-45% 高度
  • 文字:硬笔手写体中文,标题 5-12 个字,标签 2-5 个字,极度克制
  • 人物:最多一页一个小人,放在角落,绝不喧宾夺主

所有这些参数在生成前就锁死了,确保一套十几页的配图看起来像同一个人画的。


适合谁用

非常适合:

  • 技术博主 / 公众号写手,每篇文章都需要配图
  • 课程讲师,想要风格统一的概念解释课件
  • 知识博主,做内容卡片或信息图

不适合:

  • 需要可编辑 PPTX 的人(它只输出 PNG)
  • 需要照片级真实感的人(它是手绘风格)
  • 不想用 AI 图像生成 API 的人(依赖 GPT Image 等模型)

最后

开源地址:

github.com/helloianneo/ian-handdrawn-ppt

我优化后的skill:

https://pan.quark.cn/s/aa42f8efc17a

MIT 协议,免费使用。

如果你经常写技术文章需要配图,或者做课程想要风格统一的概念解释图——试试看。它可能改变你对"AI 做图"的预期。