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

标题

工具栏

点击或拖拽上传图片

支持 PNG, JPG, GIF, WebP 格式

内容 (Markdown 格式)

前两天在 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 目录：

```bash
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 给文章配图，评论区聊聊你用的什么方案。

摘要

标签多个标签用逗号分隔

分类