可爱的小黑SKILL教程来啦: 9 步上手画配图

这篇直接讲 xiaohei 是什么 + 怎么用. 9 段从入门到高级, 配 15 张图直接抄. 不绕弯, 不说废话, 不重复目录.

一、先说清楚: 小黑是谁

小黑是 Ian 做的"中文文章配图 skill" (Codex Skill), 仓库 helloianneo/ian-xiaohei-illustrations. 它不是通用插画 prompt, 也不是 PPT 模板, 核心目标是把文章里的"判断/流程/状态/隐喻"画成 16:9 手绘解释图.

默认视觉 IP 是小黑: 黑色实心 + 白点眼 + 细腿 + 空表情. 小黑不是吉祥物, 不是贴纸, 也不是装饰物, 是正在认真参与系统运转的荒诞工作者. 去掉小黑画面仍然完全成立, 说明小黑太装饰了, 这是仓库 QA 的硬指标.

一.五、小黑的原理 + 机制 (3 模块)

小黑的 3 个组成部分 (代码层面, 不是 prompt 模板):

1. SKILL.md (主入口): 写在 ian-xiaohei-illustrations/SKILL.md, 触发词匹配 + 工作流 5 步 + 6 个 references 懒加载. 装载到 Codex/Claude Code 后, Agent 读这文件理解"什么时候用 + 怎么用".

2. 6 个 references (懒加载): style-dna.md (风格 DNA) / xiaohei-ip.md (小黑 IP 形象库) / composition-patterns.md (8 种结构类型) / prompt-template.md (单张生图模板) / qa-checklist.md (检查清单) / assets/examples/ (8 张示例图). 按任务需要读取, 一次不塞满上下文.

3. agents/openai.yaml (Agent 配置): Agent 身份 + 工具调用白名单 (image_gen / read / write / 联网). 跟 SKILL.md 配套, 没这文件 Agent 不会自动激活.

小黑的 3 阶段机制 (从输入到输出, 完整链路):

阶段 1: Shot List 解析, 用 文本 LLM API (Claude/GPT/Codex 自己的 LLM) 读用户文章, 按 7 字段输出配图规划: 放在哪段后 / 主题 / 核心意思 / 结构类型 / 小黑做什么 / 建议元素 / 建议中文标注. 这一步完全不用生图 API, 纯文本 LLM.

阶段 2: 单张生图, 调用 Agent 工具里的 image_gen (内置生图 API) 逐张生成. 一次 1 张 (不要一次多张并发, 风格会漂移). prompt 由 shot list 7 字段 + style-dna + 1 个反例 (assets/examples 选 1 张参考) 拼出.

阶段 3: QA 校验, 拉 qa-checklist.md 跑 7 项检查: 白底 / 留白 ≥35% / 小黑参与核心动作 / 中文 ≤8 字且无错字 / 非 PPT 感 / 非旧案例复刻 / 标类型标题. 1 项不通过 → 重生成或局部编辑.

需要什么配置?

仓库 README 默认推荐用 Codex (OpenAI) 或 Claude Code (Anthropic) 订阅装 skill, 用内置 image_gen 工具. 这两个是 Ian 写仓库时的主路径, 你能订阅就直接用, 仓库 README 跟 5 段 prompt 模板都是为这条路写的.

但多数人没订阅 (包括写这教程的作者). Hermes / OpenClaw 系 / 自建 LLM API 这类工具人才是国内 90% 现状. 没 Codex/Claude 订阅也能跑, 3 种替代:

1. 替换 image_gen 工具: SKILL.md 里的 image_gen 改成调你自己配的图像 API (DALL-E / Midjourney / Stable Diffusion / 国产图像模型), prompt 内容跟 style-dna 不变, 风格照样出.

2. 只跑 Shot List 阶段: 用任意文本 LLM 读 SKILL.md 跑阶段 1, 拿 7 字段配图清单; 生图阶段手动跑, 拿清单里的 prompt 直接喂你的图像工具.

3. 拆开当 prompt 库用: 不装 Agent, 把 references/shot-list-template.md 跟 5 段 prompt 模板当文档读, 手动配图 (适合 1 张图都不愿意自动化的读者).

实操流程 (通用路径):

1. 写 shot list: 读 SKILL.md 跑阶段 1, 解析你写的文章, 按 7 字段 (放在哪段后 / 主题 / 核心意思 / 结构类型 / 小黑做什么 / 建议元素 / 建议中文标注) 输出配图清单. 这一步纯文本, 不调图像 API.

2. 单张生图: 拿 shot list 一张一张跑, 不要并发, 风格不漂移. 把 7 字段喂你的图像 API, 1 张调 1 次, prompt 跟 style-dna 拼出.

3. VLM 校验: 拿你 VLM 工具实际看每张图, 找错字/比例/小黑 IP 不明显等问题, 标出来重画.

4. 重画 1-2 张: 错字图单独重画 (单次调用 1 张), 1-2 张能修就修, 修不动就接受 80% 质量.

5. 入草稿: 把图传到公众号永久素材库, 拿 media_id 拼 mmbiz URL, 推草稿 (draft/add).

二、仓库里有什么 (8 张示例 + 5 张实战)

8 张官方示例图 (校准风格)

01 两个断点 (Workflow): 写之前 / 写完之后, 素材断在中间.

02 按目的分拣 (角色状态): 内容分到 4 个篮子里.

03 一鱼多吃 (概念隐喻): 一篇文 = 1 条鱼, 切成 N 份.

04 承接路径 (地图路线): 客户从陌生到下单的 4 站.

05 信息井 (概念隐喻): 内容是井不是流, 上一篇工具测评用过.

06 想法压机 (方法分层): 想法压成成品的 3 道工序.

07 内容发酵 (系统局部): 一篇文需要 7 天发酵.

08 信任桥 (前后对比): 信任不是喊, 是 1 块证据 1 块铺.

注: 示例图只校准风格, 不复刻构图. 用时应该从当前文章重新发明隐喻.

5 张实战图 (这期配图)

实战 1: 装好懵. 装好 skill 后 SKILL.md 堆成山, 自己抓头. 真实状态.

实战 2: show time. 小黑戴厨师帽, 把 shot list 当食材炒. 你列菜单它出图.

实战 3: 4 张都成. 5 主题 1 次过 4 张, 小黑开心跳舞. 怪诞但能看懂.

实战 4: 30 分钟. 小黑戴帽子坐秒表, 配图一鼓作气. 5 分钟 5 张图.

实战 5: 信息井. 内容是井, 不是流. 隐喻 + 红字金句, 小黑的强项.

三、8 种结构类型 (这是核心)

xiaohei 把"配图能讲什么"拆成 8 种结构, 你选 1 种, 它就懂怎么画. 一表说清:

怎么选: 看你想表达"动作 (1/2/6/7)" 还是"状态 (3/4)" 还是"概念 (5/8)". 配图不能讲 2 件事, 选最核心的 1 件.

四、4 种用法 (规划 / 生图 / 单图 / 修图)

用法 1: 只做配图规划 (不出图)

适用: 写完文了, 想知道哪里值得配图, 但不着急出图. Prompt 模板:

Use $ian-xiaohei-illustrations 先不要生图. 请分析下面这篇文章哪里值得配图, 输出 5 张左右的 shot list. 每张图写清楚: 放在哪段后、主题、核心意思、结构类型、小黑在做什么、建议中文标注词. (后面整段贴上你写的文章)

用法 2: 直接生图 (4 张一次)

适用: 写完文, 直接出 4 张配图. Prompt 模板:

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

用法 3: 单个概念生图

适用: 只想给 1 个金句配图. Prompt 模板:

Use $ian-xiaohei-illustrations 为"信任不是喊出来的, 而是一块证据一块证据铺过去"生成一张正文配图. 画面要怪诞但清爽, 小黑必须承担核心动作.

用法 4: 修图 (去标题 / 改文字)

适用: 图出来了, 但有错字 / 多余标题 / 想改某段文字. Prompt 模板:

Use $ian-xiaohei-illustrations 帮我编辑这张图, 去掉左上角的"流程图"标题, 其他内容保持不变.

五、5 步上手 (含 9 步工作流)

用户视角的 5 步 (总耗时 20 分钟):

1. 装 (3 分钟): 克隆仓库 + 复制到 Codex skills 目录. git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git 然后 cp -R 到 ~/.codex/skills/

2. 列 shot list (5 分钟): 给一段文章, 让 xiaohei 列出 5 张图的: 主题 + 核心意思 + 结构类型 + 小黑动作 + 中文标注

3. 选 (2 分钟): 从 5 张里挑 4 张, 不满意的踢出

4. 生 (5 分钟): 一张张调, 一次 1 张 (不要一次 4 张并发, 容易风格漂移)

5. QA + 替换 (5 分钟): 检查白底/留白/小黑动作/中文标注/非 PPT 感, 替换到文章

底层 9 步工作流 (xiaohei 自己跑的):

1. 读文章/Markdown/Notion 内容 2. 提炼核心观点 + 认知转折 + 流程结构 3. 输出 shot list (每张 1 个认知锚点) 4. 选结构类型 (8 种选 1) 5. 发明低科技 + 怪诞成立的物理隐喻 6. 让小黑承担核心动作 7. 调图像模型生成 8. QA checklist (白底/留白/小黑/中文/非 PPT/非旧案例) 9. 保存 PNG + 报告.

六、5 段 prompt 模板 (直接抄)

5 段 prompt 模板, 改主题就能用. 80% 覆盖公众号配图场景. 每段配 1 张实操例子图, 直接照着改.

命名注意: 仓库存的是"小黑" (2 字), 不是"小黑 IP"也不是"小黑豆子人". 下面 prompt 里出现"小黑"就是指这个黑色豆子人 IP.

1. 概念隐喻 (最常用, 5 段第 1)

实操例子: 为"信息是井, 不是流"生成概念隐喻图.

Prompt:

Use $ian-xiaohei-illustrations 为"信息是井, 不是流"生成一张概念隐喻图. 要求: 16:9 横版, 纯白背景, 黑色手绘线稿, 小黑必须承担核心动作 (例: 拿着钥匙打开知识井盖), 红色中文标注 1 句话 ≤8 字 (例: 信息井: 内容是井不是流).

2. 前后对比 (5 段第 2)

实操例子: 为"混乱" vs "整齐"生成对比图.

Prompt:

Use $ian-xiaohei-illustrations 为"混乱 vs 整齐"生成一张前后对比图. 要求: 左右各 1 个场景, 中间用 VS 竖线分隔, 红色字标注 "对比图: 混乱 vs 整齐" 或核心差异, 小黑在两边各承担一个动作 (左边纠结, 右边轻松).

3. 工作流 (5 段第 3)

实操例子: 为"用户注册 4 步"生成工作流图.

Prompt:

Use $ian-xiaohei-illustrations 为"用户注册 4 步"生成一张工作流图. 要求: 4-5 个圆圈用箭头串联, 每个圆圈用红字标注 1/2/3/4 + 节点名 (1=打开注册页, 2=填信息, 3=验证手机, 4=注册成功), 起点是 [打开注册页], 终点是 [注册成功].

4. 角色状态 (5 段第 4)

实操例子: 为"面试紧张的小黑"生成角色状态图.

Prompt:

Use $ian-xiaohei-illustrations 为"面试紧张的小黑"生成一张角色状态图. 要求: 1 个小黑 + 1 个动作 (例: 坐立不安) + 1 个心理 (例: 脑袋冒星), 周围留白 ≥40%, 红色中文标注 1 句 ≤6 字 (例: 角色状态: 面试紧张).

5. 修图 (5 段第 5, 给已生成的图修)

实操例子: 修掉"流程图"标题.

Prompt:

Use $ian-xiaohei-illustrations 帮我编辑这张图: 去掉左上角"流程图"标题, 其他内容保持不变. (也可以说: 改成 X / 把红字改成黑字 / 把小黑的位置往左移).

七、5 个高级玩法 (附配图 + prompt)

基础款 (前 6 段) 解决"配图能不能用", 高级款解决"配图能不能讲故事". 5 个高级玩法, 配 5 张示例图 (3 帧拆解: 输入 prompt → 小黑处理 → 输出成品), 直接抄 prompt.

高级 1: 多层结构图 (3 层金字塔)

适用: 表达 3-5 层的从属或递进关系, 比如"战略-战术-执行" / "目标-方法-行动".

Prompt: Use $ian-xiaohei-illustrations 为"内容运营的金字塔"生成一张多层结构图, 3 层从大到小堆叠金字塔, 黑色线稿 + 红色数字标注 1/2/3, 小黑在金字塔旁边点指.

高级 2: 时间轴 (5 节点连线)

适用: 3-7 步的发展/演变/流程时间线, 比如"个人成长 5 阶段" / "公司发展史".

Prompt: Use $ian-xiaohei-illustrations 为"个人成长 5 阶段"生成一张时间轴, 横向 5 个圆点用波浪线连接, 每个圆点用红字标注节点名 (学生 / 实习 / 入职 / 进阶 / 专家), 起点和终点有特殊标记, 小黑拿着画笔在画时间轴.

高级 3: 关系网 (中心辐射)

适用: 1 个中心 + 5-8 个周围的辐射关系, 比如"CEO 跟 5 个副总裁" / "1 个核心工具 + 6 个外围工具".

Prompt: Use $ian-xiaohei-illustrations 为"CEO 跟 5 个副总裁"生成一张关系网, 中心 1 个 CEO + 周围 5 个副总裁 (产品/技术/市场/销售/运营) 用连线连接, 类似蜘蛛网结构, 红色字标注中心 CEO, 小黑在中心星星眼.

高级 4: 对比图 (左右 VS)

适用: 之前 vs 之后 / 问题 vs 方案 / 我们 vs 别人 / 新手 vs 老手.

Prompt: Use $ian-xiaohei-illustrations 为"新手 vs 老手"生成一张对比图, 左边 1 个迷茫的新手小黑, 右边 1 个淡定老练的小黑, 中间用 VS 竖线分隔, 红色字标注"对比图: 新手 vs 老手".

高级 5: 流程图 (4 节点路径)

适用: 3-5 步的线性流程, 比如"用户注册 4 步" / "产品开发 5 阶段" / "问题排查 4 步".

Prompt: Use $ian-xiaohei-illustrations 为"用户注册 4 步"生成一张流程图, 4 个圆圈用箭头串联, 每个圆圈用红字标注 1=打开注册页 / 2=填信息 / 3=验证手机 / 4=注册成功, 起点是打开注册页, 终点是注册成功, 小黑举旗在终点.

八、QA checklist + 注意事项 (不踩坑)

QA checklist (生成后必查 5 项)

1. 白底: 纯白, 不要纸纹/米色/阴影/渐变

2. 留白: 主体占画面 40-60%, 不要塞满

3. 小黑动作: 去掉小黑画面不成立 (否则太装饰)

4. 中文标注: 红/橙/蓝色, ≤8 字, 越短越稳定

5. 非 PPT 感: 不要信息图/扁平风/儿童卡通, 要怪诞手绘

注意事项 (5 条)

1. 中文越短越稳: 标注 ≤8 字, 超 12 字容易错位

2. 每张只讲 1 件事: 不要把文章做成说明书

3. 小黑必须承担核心动作: 去掉后画面不成立, 说明小黑太装饰

4. 示例图只校准风格不复制构图: 8 张示例只是参考线条/留白/颜色, 不要 1:1 复刻

5. AI 错字必须修: AI 图像模型会出乱码/幻觉标签/多余标题, QA 必查

3 个常见坑

1. 不要一次 4 张并发: 风格容易漂移, 一次 1 张调

2. 不要省 shot list: 列 5 张比 1 张重画 5 次快 3 倍

3. 不要混风格: 一篇文统一 1 种风格, 跨风格 = 视觉割裂

3 个错误范例 (反面教材)

光说不练假把式, 配 3 张错误范例给你看清"什么是不能要的":

错误 1: PPT 模板感, 死板. 3D 阴影 + 刻板图标 + 老式排版, 看着像 2010 年的产品发布会. 小黑风格追求"手绘怪诞", 跟 PPT 模板完全相反.

错误 2: 硬贴字, 错位乱码. 中文标签贴在图外、字与字重叠、AI 出图常见问题. 小黑风格的中文标注是手写体, 位置都跟画面对齐.

错误 3: 贴边框装饰, 喧宾夺主. 厚边框 + 花纹 + 缎带, 装饰把主体压死. 小黑风格大量留白, 主体占 40-60%, 装饰 0.

九、下期预告 + 延伸阅读

下期 (6-16 周一): OpenClaw 官方 Skill 月榜 (2026-06), 30 个候选, 按 skill 归一化排名.

作者: 六六爸比 | 公众号: 丁卯生人 | 仓库: helloianneo/ian-xiaohei-illustrations | 作者 Ian (@ianneo_ai) | 协议: MIT.

数据来源: helloianneo/ian-xiaohei-illustrations 仓库 README + SKILL.md + 6 个 references + 实测 21 张 (5 实战 + 1 架构 + 5 高级过程 + 3 错误范例 + 5 prompt 模板示例 + 1 表格 + 1 封面). 测试时间: 2026-06-14. xiaohei = helloianneo/ian-xiaohei-illustrations.