Ian Xiaohei Illustrations:16:9 白底手绘中文正文配图快速生成完整指南

发布时间:2026/11/3 2:21:02
Ian Xiaohei Illustrations:16:9 白底手绘中文正文配图快速生成完整指南

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 分钟跑起来

  1. 克隆并安装(见上文环境准备的 4 行命令)。
  2. 在 Codex 里直接下指令,例如:Use $ian-xiaohei-illustrations 为这篇中文文章设计并生成 5 张小黑怪诞正文配图。
  3. 只要规划不要图,就说"先不要生图,输出 5 张左右的 shot list",拿到每张图的落点、主题、结构类型和小黑动作。
  4. 成图后对照 qa-checklist.md 自检,最终 PNG 存到assets/<article-slug>-illustrations/,按01-topic-name.png顺序命名。
  5. 单张生图的提示词骨架在 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),仅供参考