Ian Xiaohei Illustrations:为中文文章自动生成怪诞手绘配图,23天获5300 Star
23天拿到5300多个Star,这个项目只做一件事:给中文文章生成正文配图。
项目名叫 Ian Xiaohei Illustrations,作者Ian是字节跳动的产品设计师。他在写文章需要配图时发现,传统方式要么找图片耗时长,要么配图和观点无关,于是把设计思维和审美品位做成了一套可复制的系统。
与一般绘图工具不同,它不会随意生成一幅"好看"的图,而是先识别文章中的认知锚点,选一个作为判断、流程、结构、状态或隐喻,再画成16:9的白底手绘线稿。它不是简单"配一张图",而是让AI把文章中一个重要的认知动作画出来。
核心角色"小黑"
小黑不是吉祥物:黑色身体、白色眼睛、细腿、空洞表情的小角色,不是贴纸也不是装饰,而是正在认真参与系统运转的荒诞工作者。
小黑必须承担核心动作:比如表达"信任不是喊出来的,而是用证据一块块铺设"时,小黑拿着信任桥的木桩边走边说;表达"想法由模糊变清晰"时,小黑被放在想法压机下经历被压、提纯和磨砺的过程。
去掉小黑画面仍成立,说明小黑太装饰了:这是Ian给自己定的规则,小黑要承担主要工作,不能只是站在那里卖萌。
视觉风格
- 纯白背景,不要纸纹、米色、阴影、渐变
- 黑色手绘线稿,细线,微抖
- 留白较多,主体占画面的三分之二到四分之三
- 奇怪、有趣、清新,但不幼稚也不卖萌
三种使用模式
- 配图规划模式:只输出shot list,不生成图片
- 直接生成模式:直接生成4-8张PNG
- 单图生成模式:单个概念生成一张图
生成的图片自动保存到 workspace/assets 文件夹。
工作原理
把文章交给它后,先分析哪里可以配图,输出一个shot list,每张图只讲一个认知锚点——可能是某个判断、一个流程结构或某种隐喻。然后为每个锚点创建一个低级、荒诞的物理环境,让小黑在其中工作。生成图片为16:9横版白底手绘线稿,配有少量红、橙、蓝三色手写批注。一张图只表达一个意思,不做PPT信息图、不写说明书。
安装使用
克隆仓库,复制skill到Codex skills目录:
git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git
mkdir -p "${CODEX_HOME:-$HOME/.codex}/skills"
cp -R ./ian-xiaohei-illustrations "${CODEX_HOME:-$HOME/.codex}/skills/"
然后在Codex里输入:
Use $ian-xiaohei-illustrations 为这篇中文文章设计并生成 5 张小黑怪诞正文配图。
适用边界
- 仅适用于中文文章配图,不适合商业插画、品牌KV或精致扁平插画
- 不支持儿童卡通、可爱IP、表情包风格
- 不输出PPTX、PDF、Keynote、SVG、HTML等格式
- 图片中中文文字越少越稳定,AI图像模型可能出现错误文字、幻觉标签或风格漂移,生成后需检查;中文错误多时可减少标注词重新生成
项目基于 MIT 协议开放。
开源地址:https://github.com/helloianneo/ian-xiaohei-illustrations