📄 文档管理系统

← 返回列表

GitHub 4.4k Stars 的文章配图 Skill:白底手绘、一个叫小黑的小人、每张图只讲一件事

default 📅 创建:2026-06-15 05:29:02 🔄 更新:2026-06-15 09:07:25
👁️ 预览 & 复制到公众号 ✏️ 编辑

前两天在 GitHub 上看到一个项目,4,404 stars,叫 Ian Xiaohei Illustrations。作者是 helloianneo,一个自称"一人公司实践者"的产品设计师。

看名字我以为是个插画合集,点进去发现是个 Codex Skill——专门给中文文章配图的。

这玩意是干什么的

你写一篇中文文章,丢给这个 Skill,它能分析你的文章结构,找出哪些段落适合配图,然后生成 4-8 张 16:9 的白底手绘插图。

不随机配图,不是把文字转成图片。它先理解文章里的判断、流程、结构、隐喻,然后每个认知锚点配一张图。一张图只讲一个核心意思。

输出的风格很统一:纯白背景、黑色手绘线稿、细线有点抖动、大量留白、少量红橙蓝中文手写批注。

还有一个固定角色叫"小黑"——一个黑色实心、白点眼、细腿的小人。它不只是站在角落当装饰,必须参与画面的核心动作。

举个例子,文章里写到"两个断点",小黑就真的站在两个断掉的路中间。写到"一鱼多吃",小黑就在那里分鱼。画面怪诞但清爽,有记忆点。

你放在公众号文章里,读者看完正文回头看图,能会心一笑那种。

为什么值得关注

中文公众号配图一直是个痛点。用网图吧侵权,用 AI 生吧风格乱跳,自己画吧没时间。这个 Skill 解决的是"风格统一 + 跟内容挂钩"的问题。

它有自己的一套视觉语言。所有图片出来都像同一个人画的——白底、手绘、小黑 IP、少量彩色批注。你连发十篇文章,配图放在一起,一眼能看出是同一个系列的。

而且它是 Codex Skill,遵循 Agent Skills 规范。不只 Codex 能用,OpenCode、Claude Code、pi 这些兼容这个规范的也能装。

怎么装

克隆仓库,复制到 Codex 的 skills 目录:

git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git
mkdir -p ~/.codex/skills
cp -R ian-xiaohei-illustrations/ian-xiaohei-illustrations ~/.codex/skills/

装完在 Codex 里用 $ian-xiaohei-illustrations 引用。你可以只让它做配图规划(输出 shot list 不生图),也可以直接全文丢给它让它生成全部配图。

比如:

Use $ian-xiaohei-illustrations 把下面这篇文章生成 4 张小黑怪诞正文配图。要求:16:9 横版、纯白背景、黑色手绘线稿、少量红橙蓝中文手写批注。

几个有意思的设计

每张图只讲一件事。 这是这个 Skill 跟 PPT 信息图最大的区别。信息图喜欢在一张图里塞三个模块、五个步骤、七条建议。这个 Skill 要求一张图只讲一个认知锚点,其余全部省略。留白不是为了好看,是为了让读者只看该看的东西。

小黑必须参与核心动作。 不是站在旁边举个牌子,不是指向哪里。如果去掉小黑画面仍然成立,说明小黑太装饰了,要重画。这个约束保证了角色不是贴纸,是有叙事功能的。

结构类型有 8 种。 workflow、系统局部、前后对比、角色状态、概念隐喻、方法分层、地图路线、小漫画分镜。每种对应一种认知结构。AI 读完文章后不是随便选一种,是根据内容匹配的。

QA checklist。 生成后需要检查:白底够不够白、留白够不够多、小黑在不在做核心动作、有没有多余标题、是不是旧案例的复刻。这个 check 流程写在 Skill 里,AI 生成完自己检查。

适合谁

写公众号文章需要配图的人,做知识型内容的人,写方法论和技术文章的人。尤其是那些对配图风格有要求、又没时间每张图都自己画的人。

不适合:要商业插画、要精致矢量图、要可爱卡通风格、或者想把一整段说明文字塞进一张图里的人。

项目在 GitHub 上:helloianneo/ian-xiaohei-illustrations,MIT 协议。除了这个,还有几个相关的——中文手绘技术 PPT 图、Claude Code Skills 精选合集、Obsidian + Claude 知识库搭建指南。

如果你也在用 AI 给文章配图,评论区聊聊你用的什么方案。

如果你也在用 AI 给文章配图,评论区聊聊你用的什么方案。

💬 评论区

加载中...