AI 设计与内容生产 · 第 6 章

文章配图 Skill:给文章配图

给文章配封面与插图不必每张手动做。用一个配图 Skill 统一风格、批量产出,省下的时间够多写两篇。

  • 学什么文章配图 Skill:给文章配图
  • 难度L1
  • 预计时间12 分钟
  • 涉及工具配图 / Skill

文章配图 Skill:给文章配图

文章终于写完了,打开编辑器准备排版时才发现:一张配图都没有。

下面又要重复熟悉的流程:打开AI生图工具、复制文章内容、思考画面、修改提示词,再从十几张结果里挑选勉强能用的图片。更让人头疼的是,很多AI图片单独看起来很精致,真正放进文章后却特别违和,不是像PPT,就是像普通宣传海报,完全无法帮助读者理解内容。

最近发现了一个很适合中文内容创作者的文章配图 Skill:

Ian Xiaohei Illustrations

地址链接文本 它并不是简单地根据文章主题“随便画一张图”,而是会先阅读并理解文章,再从内容中提取核心观点、认知转折、工作流程、人物状态、抽象概念和关键隐喻,最终把这些信息转化成适合插入正文的解释型插图。

一句话概括:

它不是在帮文章增加装饰,而是在把文章里的关键观点画出来。


它生成的图片有什么不一样?

这套 Skill 的默认视觉风格非常有辨识度,通常采用16:9横版构图、纯白背景和黑色手绘线稿,画面中会加入少量红色、橙色或蓝色的中文手写批注。整体风格有一点怪诞和幽默感,但不会过度可爱,也不会像传统信息图一样堆满文字。

画面的主角是一个叫“小黑”的黑色小人。它不会只是站在角落里充当装饰,而是会真正参与核心动作。例如,把混乱的信息放进筛选机器、用一块块证据搭建信任桥、把零散想法压缩成内容,或者在复杂系统中搬运信息。

这种图片尤其适合放在知识型文章、AI教程、方法论分享和长篇博客中。它不会抢走正文的注意力,却能帮助读者更快理解抽象概念,让整篇文章更有记忆点。


它是怎么工作的?

把文章交给这个 Skill 后,它不会立刻开始随机生成图片,而是会先完成一套相对完整的配图规划。

第一步:阅读并理解文章

它会先分析文章的整体结构,识别其中的核心观点、重要流程、认知变化和关键结论,而不是只提取几个表面关键词。

第二步:寻找值得配图的位置

并不是文章中的每一段都需要配图。它会优先挑选那些比较抽象、信息密度较高,或者需要视觉辅助才能快速理解的内容。

第三步:生成 Shot List

正式生成图片之前,它可以先输出一份配图清单,告诉你每张图片应该放在哪一段后面、表达什么核心意思、采用什么画面结构、小黑在画面中完成什么动作,以及建议使用哪些中文标注。

第四步:逐张生成图片

每一张图片只围绕一个核心动作或观点展开,避免把整篇文章中的所有信息都塞进一张图里。这样生成出来的图片更像正文插图,而不是复杂的信息海报。

第五步:检查生成结果

生成完成后,它还会检查图片是否符合白色背景、是否保留足够留白、小黑是否真正参与核心动作、中文标注是否过多,以及画面是否过于像PPT。

对经常写长文的人来说,这套流程最省时间的地方,不只是帮你生成图片,而是省掉了大量“这里该不该配图”和“这一段到底应该画什么”的思考过程。


哪些人特别适合使用?

我觉得它特别适合经常写公众号文章、博客、Notion文档、AI教程、工作流分享和知识型内容的人。对于需要长期输出方法论、行业观察和经验总结的创作者来说,这种统一的插图风格还能逐渐形成自己的内容辨识度。

不过,它并不适合所有视觉需求。如果你需要的是商业品牌KV、精致扁平插画、复杂数据大屏、传统PPT信息图、儿童卡通或一张图片展示大量文字,那么这套 Skill 可能并不是最合适的选择。

它真正擅长的是:用清楚、有趣且有辨识度的画面,帮助读者理解正文。


安装方式

目前仓库提供的是 Codex Skill 安装方式。

1. 克隆仓库

git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git
cd ian-xiaohei-illustrations

2. 复制到 Codex Skills 目录

mkdir -p "${CODEX_HOME:-$HOME/.codex}/skills"
cp -R ./ian-xiaohei-illustrations "${CODEX_HOME:-$HOME/.codex}/skills/"

完成复制后,就可以在 Codex 中直接调用这个 Skill。


怎么使用?

方式一:先规划配图,不直接生成

这种方式适合希望先确认配图数量、位置和内容的人。可以先让 Skill 阅读文章并输出 Shot List,再根据规划决定是否生成。

Use $ian-xiaohei-illustrations 先不要生图。

请分析下面这篇文章中哪些位置值得配图,并输出5张左右的 shot list。

每张图写清楚:
1. 放在哪一段后面
2. 图片主题
3. 核心意思
4. 画面结构
5. 小黑在做什么
6. 建议使用哪些中文标注词

<粘贴文章>

方式二:直接生成整篇文章的配图

已经明确需要的配图数量和风格时,可以直接让它为整篇文章生成图片。

Use $ian-xiaohei-illustrations 把下面这篇文章生成4张小黑怪诞正文配图。

要求:
16:9横版、纯白背景、黑色手绘线稿、少量红橙蓝中文手写批注。

<粘贴文章>

方式三:只为一个核心观点配图

有时候并不需要为整篇文章生成图片,只想把一个关键观点视觉化,也可以单独调用。

Use $ian-xiaohei-illustrations 为下面这个观点生成一张正文配图:

“信任不是喊出来的,而是一块证据一块证据铺过去。”

画面要怪诞但清爽,小黑必须承担核心动作。

方式四:修改已经生成的图片

如果图片里出现错字、多余标题或不合适的标注,也可以继续让它编辑图片,而不需要重新生成整张。

Use $ian-xiaohei-illustrations 帮我编辑这张图。

去掉左上角的“流程图”标题,其他内容保持不变。

使用时需要注意这3点

1. 图片中的中文越少越稳定

不要试图把整段文章直接放进图片里。中文标注尽量控制在短词、短句或关键词范围内,这样生成效果通常会更加稳定。

2. 一张图片只表达一个观点

这套 Skill 的核心不是把文章做成PPT,而是帮助读者理解某一个关键认知。每张图表达的内容越集中,最终放进文章中的效果越自然。

3. 发布之前仍然需要人工检查

AI生成的图片依然可能出现中文错字、多余标题、错误标签、风格漂移或不必要的装饰。它可以帮助我们省掉大量配图规划和提示词设计时间,但最终发布前,还是建议人工检查一遍。


最后说一下

以前给文章配图,最浪费时间的往往并不是生成图片本身,而是判断哪里需要配图,以及这一段到底应该画什么。

这个 Skill 最有价值的地方,就是先帮助你完成视觉思考,再开始生成图片。对于经常写公众号、知识长文、AI教程和方法论内容的人来说,它不是让文章变得更加花哨,而是让文章更容易被看懂、记住,也更容易让读者继续阅读下去。

原文:https://x.com/Moting284/status/2065292889207558556

建议先收藏,下一次写完文章时可以直接试试。✨


做出来了,下一步:登记

项目能跑只是前半程。源码文档整理、申报材料生成这类重复劳动,可以交给软著通——AI 软件著作权申请工具,材料备齐再提交;登记结果以中国版权保护中心审核为准。

软著通下载入口