乐于分享
好东西不私藏

小黑插画:一个让 AI 给中文文章"画认知锚点"的 Codex Skill

小黑插画:一个让 AI 给中文文章"画认知锚点"的 Codex Skill

公众号文章的人大多有个共同烦恼:文字够硬了,但缺图。不是缺头图那种"缺",是正文里该出现一张配图来锚定读者理解时,找不到合适的东西。随便从 Unsplash 找张风景照糊上去,反而削弱了内容本身的逻辑密度。

Ian(伊恩)做了一个东西来解决这个问题。他叫它ian-xiaohei-illustrations,一个 Codex Skill,GitHub 上已经拿到 3808 颗星。它的活儿不复杂——让 AI Agent 读完你的中文文章,然后把文章里真正值得"画出来"的认知锚点,一张一张变成配图。

· · ·

小黑是谁?

这个 Skill 的默认视觉 IP 是一个叫"小黑"的角色——黑色实心身体、两个白点眼睛、细得像牙签的腿、脸上什么表情都没有。Ian 反复强调一件事:小黑不是吉祥物,不是贴纸,不是站在画面角落里的装饰物。

小黑是画面的执行者。他在推一个球、爬一架梯子、站在两个悬崖之间、被信息流淹没——具体做什么取决于你的文章在讲什么。这个角色的设计逻辑很清楚:如果去掉小黑,画面依然完全成立,那就说明小黑太装饰了,这图不合格。

让 AI 不只是"配一张图",而是把文章里的一个关键认知动作画出来。

—— 项目 README

这套风格走的是 16:9 横版、纯白背景、黑色手绘细线稿、大量留白(主体只占画面 40%-60%),配上少量红色、橙色、蓝色的中文手写批注。看着像有人在白纸上随手画了个草图,但你盯着看两秒钟就能明白它在表达什么。不精致,但有辨识度。

· · ·

不是 prompt 模板,是认知工具

很多人第一次看到这个项目,会把它和那些"Midjourney 插画 prompt 模板"归到一类。但 Ian 把区别说得很明白:这不是通用插画生成器,也不是 PPT 信息图模板。

它的核心流程是这样的:AI 先读完整篇文章,提炼出哪些段落含有认知转折、流程结构、判断分歧或隐喻——这些东西 Ian 叫"认知锚点"。然后输出一份 shot list(镜头清单),每张图只选一个锚点。接着为每张图选一个结构类型——是 Workflow 流程、前后对比、概念隐喻、小漫画分镜,还是角色状态。

举个例子。如果你写了一篇讲"信任不是喊出来的,而是一块证据一块证据铺过去的"文章,这个 Skill 不会给你画一个握手的人或者一个信任量表。它会构思一个低科技的物理隐喻——小黑在两个悬崖之间一块一块铺石板,脚下是空的,远处的对岸还看不到头。这就是把抽象判断变成了具体画面。

每张图单独调用图像模型生成,生成完之后还要过一遍 QA checklist:白底对不对?留白够不够?小黑是不是在干活?中文标注有没有?有没有 PPT 感?是不是在照抄旧案例?全部过关才算完。

· · ·

怎么用?

安装不复杂。把 Skill 目录拷贝到 Codex 的 skills 文件夹就行:

shell

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

cdian-xiaohei-illustrations

mkdir-p"${CODEX_HOME:-$HOME/.codex}/skills"

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

用的时候,在 Codex 里这样下指令:

prompt

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

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

每张图写清楚:放在哪段后、主题、核心意思、结构类型、

小黑在做什么、建议中文标注词。

然后粘贴你的文章内容。

这个 Skill 同时支持 Claude Code 和 OpenAI Codex。也就是说,不管你用的是 Anthropic 的编程代理还是 OpenAI 的 Codex,都能直接接入。

· · ·

适合谁,不适合谁

Ian 在 README 里把适用场景列得很坦诚。适合的人是:写中文文章需要正文配图的、做知识型或方法论内容的、想把抽象判断画成具体隐喻的、想比 PPT 信息图更轻更有个人识别度的。

不适合的人也说得直接:想要商业插画或品牌主视觉的、想要传统 PPT 信息图和复杂架构图的、想要儿童卡通可爱风格的人,这个 Skill 帮不了你。它不输出 SVG、不输出 PPTX,不生成可编辑矢量源文件。它输出的是 PNG,而且风格非常明确——手绘、留白、怪诞、清爽。

示例图只用于校准线条密度、留白、颜色克制和小黑参与方式,不要复刻构图。

—— 项目 README

这个态度本身就值得留意。很多 AI 配图工具的 README 会给你看一堆精美案例,让你误以为"我也能得到这个效果"。Ian 的做法是:给你看几个风格校准样例,然后告诉你这些是"看线条密度和留白的",不要照抄构图。每次生图都应该从当前文章重新发明隐喻。

· · ·

几个细节

项目的文件结构里有个值得注意的地方:核心 Skill 文件SKILL.md加上一组 references——style-dna.mdxiaohei-ip.mdcomposition-patterns.mdprompt-template.mdqa-checklist.md。这不是随手堆几个文件凑数,是认真地把视觉风格拆成了独立的参考文档。AI Agent 读到xiaohei-ip.md就知道小黑的长相规范,读到composition-patterns.md就知道构图有哪些可选模式。

还有一个实用的提醒:图片里的中文文字越短越稳定。AI 图像模型生成中文本来就容易出幻觉,标注词越长翻车概率越高。Ian 的建议是减少标注词并重生成,而不是反复调 prompt 试图"修"好一个错字。

项目用的是 MIT License,作者 Ian 是一个产品设计师,同时在做一人公司。这个 Skill 是他用 AI 搭建个人生产系统里的一个小工具。他的 GitHub 上还有同系列的ian-handdrawn-ppt(手绘技术 PPT 页面图生成)和awesome-claude-code-skills(Claude Code Skills 精选合集),感兴趣可以一起看。

· · ·

最后说两句

这个项目的有趣之处在于,它没有试图解决"AI 怎么画出好看的图"这个问题——这个问题已经被 Midjourney、DALL·E 和一堆工具回答了。它解决的是一个更具体的痛点:中文知识型文章的正文配图,该表达什么、怎么表达、用什么视觉语言。

Ian 的回答是:不要画"好看的图",要画"能锚定认知的图"。用一个小黑角色,一个白底,几条手绘线,几个中文标注。克制、有节制、有系统。3800 多人点了星,说明这个思路确实打中了写作者的一个真实需求。

🔗

项目地址

helloianneo/ian-xiaohei-illustrations

支持 Claude Code · OpenAI Codex · MIT License