Ian Xiaohei Illustrations:16:9 白底手绘中文正文配图快速生成完整指南
【免费下载链接】ian-xiaohei-illustrations中文小黑怪诞正文配图生成 Skill | 16:9 白底手绘 | 少量红橙蓝批注 | Codex Skill项目地址: https://gitcode.com/gh_mirrors/ia/ian-xiaohei-illustrations
Ian Xiaohei Illustrations 是一个 Codex Skill:给它一篇中文文章,它产出一组 16:9 横版、纯白底、黑色手绘线稿的正文配图,主角是必须亲自下场干活的小角色"小黑"。这篇文章把安装、选结构、设计小黑动作、自检成图整条链路一次讲完,你的文章配图可以一篇搞定。
图注:看左侧输入、右侧输出之间"断掉"的两处,以及橙色箭头只标主流向、红色只标问题的标注分工。
先搞清楚这个项目的定位
它不是绘图工具,也不是 PPT 信息图模板,而是写给 AI 的一套"白板草图家规":白底、黑线、一点红橙蓝、一个小黑。输出目标是"设计师在白板上随手画给同事看的产品草图",不是商业插画,也不是课程课件。
一个快速比喻:普通配图 AI 拿到文章会画一张"海报",而这个 Skill 训练 AI 画的是"工作笔记"——怪、短、留白多,但 1 秒能看懂结构。
从零到一的完整流程
1. 环境准备:把 Skill 复制进 Codex
做什么:克隆仓库,把子目录ian-xiaohei-illustrations/复制进 Codex 的 skills 目录。
git clone https://gitcode.com/gh_mirrors/ia/ian-xiaohei-illustrations cd ian-xiaohei-illustrations mkdir -p "${CODEX_HOME:-$HOME/.codex}/skills" cp -R ./ian-xiaohei-illustrations "${CODEX_HOME:-$HOME/.codex}/skills/"为什么:真正要安装的是子目录本身,入口是 SKILL.md,它规定了工作流、输出口径和检查规则;根目录的 README、examples 只是分享文档。
避什么坑:只复制子目录,不要把整个仓库(含 examples 图片)塞进 skills 目录,那是浪费上下文。
2. 选认知锚点和结构类型:先出 shot list 再动手
做什么:先读正文,挑出"认知锚点"——核心判断、断点、输入输出闭环、分流、前后对比这类段落。然后先输出 shot list:每张图放哪段后、主题是什么、结构类型选哪种(Workflow / 系统局部 / 前后对比 / 角色状态 / 概念隐喻 / 方法分层 / 地图路线 / 小漫画分镜)。数量上默认 4-8 张,短文 1-3 张,长文也别超 9 张。
为什么:一张图只讲一个核心结构。平均配图会把文章做成画册,读者记不住任何一张。
避什么坑:不要把 assets/examples/ 里的旧案例当构图模板。它们只用来校准线条密度、留白和配色克制程度,构图必须从当前文章重新发明。
图注:看小黑怎么扛着刀处理"素材鱼"——一个物件、一个动作、一组短标注,就是一张合格图的密度。
3. 设计核心画面:让小黑承担核心动作
做什么:用三步法造隐喻——① 把抽象概念换成一个物理动作(卡住、分拣、沉淀、称重、回流);② 把系统结构换成一个低科技物件(从纸箱、漏斗、井、秤、邮筒、抽屉里只挑 1-2 个);③ 让小黑亲自做动作(拉、扛、塞、压、切、盖、守、拆)。画面参数同步定死:16:9 横版、纯白背景、主体占画面 40%-60%、至少 35% 留白、中文手写标注 5-8 处。
为什么:小黑是"认真干活的荒诞工作者",不是吉祥物。判断标准很残酷:如果去掉小黑,画面的隐喻还完全成立,那小黑就是装饰,这张图要重写。
避什么坑:别把小黑画萌。表情必须是空白、冷静、认真的 deadpan;不要复杂服装、闪亮眼睛、表情包化。
图注:看"信息井"这个低科技物件如何承载抽象概念,以及小黑在画面里承担的核心动作(捞),而不是站在旁边看。
4. 自检与优化:对着 QA checklist 逐项过
做什么:每张图生成后,对照 qa-checklist.md 过必过项:16:9、干净白底、小黑承担核心动作、没有复刻旧案例、颜色各就各位、左上角没有类型标题。出现失败信号(元素太多、中文错字、太可爱、像 PPT)就重生成或局部编辑。
为什么:AI 出图最常见的翻车是错字、幻觉标签和多余标题,肉眼扫一眼发现不了,必须逐条对。
避什么坑:中文错字严重时,优先"减少标注数量 + 重生成",而不是反复局部修补。
红线清单
| 维度 | 红线 | 违反后的一句话原因 |
|---|---|---|
| 画幅 | 16:9 横版 | 其他比例放不进正文版心 |
| 背景 | 纯白,无纸纹、米色、渐变、阴影、噪点 | 任何底纹都会毁掉"白纸草图"感 |
| 配色 | 只用黑、红、橙、蓝;橙只画主路径,红只标重点/问题,蓝做补充 | 颜色一泛滥,图立刻变 PPT |
| 标注 | 最多 5-8 处,每处 2-8 个字 | 字越多错字率越高,画面越像说明书 |
| 留白 | 主体占 40%-60%,至少 35% 空白 | 太满则 1 秒内看不出结构 |
| 结构 | 一张图只讲一个核心结构 | 塞两个结构等于占了两页纸 |
| 标题 | 左上角不写类型标题 | 出现"流程图/系统架构图"字样即变课件 |
| 小黑 | 必须参与核心动作 | 去掉小黑画面仍成立,说明它是装饰 |
常见翻车现场与修复 🚧
现象:小黑缩在角落当装饰,画面离了它照样成立。原因:提示词里没给小黑分配具体动词,只写了"有小黑"。修复:按 xiaohei-ip.md 的动作池(拉、扛、切、盖、守、拆)重写提示词,让小黑成为动作主体。
现象:整张图像 PPT 或课程课件:整齐网格、满屏箭头、左上角带标题。原因:结构被画成了正式流程图,而不是手绘场景。修复:去掉标题、边框、网格和多余箭头,参考 style-dna.md 的"绝对不要"清单重生成。
现象:中文标注错字多、读不出来。原因:标注词太长,超出模型稳定渲染的字数。修复:把标注砍到 5-8 个短词(2-8 字)重生成;错得少就做局部编辑删改。
现象:小黑画成了吉祥物,卖萌、圆润、有表情。原因:提示词里混进了 cute、mascot 之类的暗示。修复:明确写 deadpan、blank serious expression、not cute、not mascot,并检查小黑没有复杂服装和闪亮眼睛。
现象:构图和assets/examples/里的旧图几乎一样。原因:把示例图当成了模板直接复刻。修复:保留核心意思,换掉主物件和小黑动作;旧图只用来校准留白和线条密度。
图注:重点看左上角——一张合格的怪诞配图里,这里应该是干净的白底,而不是"常见坑"之类的类型标题。
3 分钟跑起来
- 克隆并安装(见上文环境准备的 4 行命令)。
- 在 Codex 里直接下指令,例如:
Use $ian-xiaohei-illustrations 为这篇中文文章设计并生成 5 张小黑怪诞正文配图。 - 只要规划不要图,就说"先不要生图,输出 5 张左右的 shot list",拿到每张图的落点、主题、结构类型和小黑动作。
- 成图后对照 qa-checklist.md 自检,最终 PNG 存到
assets/<article-slug>-illustrations/,按01-topic-name.png顺序命名。 - 单张生图的提示词骨架在 prompt-template.md,更多指令示例看 examples/prompts.md。
图注:看小黑如何一块块"搬砖铺桥"——这就是"怪诞但成立、小黑在干活"的最终效果基线。
记住一条主线:白底黑线、红橙蓝克制、小黑干活、一图一结构。细节都在 SKILL.md 和 references 目录里,照着走就行。
【免费下载链接】ian-xiaohei-illustrations中文小黑怪诞正文配图生成 Skill | 16:9 白底手绘 | 少量红橙蓝批注 | Codex Skill项目地址: https://gitcode.com/gh_mirrors/ia/ian-xiaohei-illustrations
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考