Ian Xiaohei Illustrations | 为中文文章生成小黑怪诞手绘正文配图的 Codex Skill

GitHub 仓库

Ian Xiaohei Illustrations 是一个 Codex Skill，专门指导 AI Agent 为中文文章生成正文配图。它不是通用插画 prompt，也不是 PPT 信息图模板——先理解文章里的认知锚点，再把其中一个判断、流程、结构、状态或隐喻，变成一张白底、手绘、怪诞但不幼稚的 16

解释图。默认视觉 IP 是「小黑」：黑色实心、白点眼、细腿、空表情的小角色，永远认真参与画面核心动作，从不站在角落当装饰。

GitHub 仓库首页

视觉风格

维度	要求
画布	16 横版，纯白背景，无纸纹/阴影/渐变
线稿	黑色手绘细线，轻微抖动感，不矢量不厚重
留白	主体占画面 40%-60%，至少 35% 空白
批注	少量红/橙/蓝中文手写词，每张 5-8 处，每处 2-8 字
叙事	一张图只表达一个核心动作、结构、状态或隐喻

颜色严格克制：黑色主线稿，橙色流程/箭头，红色仅重点提醒，蓝色补充说明或系统状态。绝对不做商业插画、PPT 信息图、可爱卡通、儿童插画、复杂架构图、科技感 UI、厚重描边或渐变阴影。

工作流程

Skill 内置从正文到成图的完整流水线：

1. 消化正文——提炼核心观点、认知转折段落、适合用图解释的内容
2. 出配图策略——生成 4-8 张 shot list，每张写清主题、核心意思、结构类型、小黑动作、建议元素和中文标注词
3. 单张生成——用内置 image_gen 工具逐张生成 16
   PNG，不拼图
4. 质量检查——对照 checklist 确认小黑参与核心动作、画面不滿、风格不走偏

适用场景

• 中文技术文章：把抽象概念（双缓冲、最终一致性）变成可记忆的视觉隐喻
• 方法论与流程：把多层框架（AARRR、GTM 策略）画成清晰的路径图
• AI 工作流介绍：把输入→处理→输出的闭环画成小黑参与的劳作场景
• 观点类内容：把「两个断点」「一鱼多吃」等认知转折可视化

个性化定制

Fork 仓库后只需修改三个文件即可打造自己的风格：

• references/style-dna.md——更换配色、线稿风格、背景
• references/xiaohei-ip.md——改造或替换小黑 IP 形象
• references/prompt-template.md——调整生图提示词模板

局限

• 不适合需要商业插画精度或品牌 KV 的场景
• 不能把大段正文、长解释或完整课程页塞进一张图里
• 不输出 SVG / HTML / Canvas 可编辑矢量文件，仅 PNG
• 不生成 PPT / PDF / Keynote

对于写中文技术博客、方法论文章或 AI 工作流内容的人来说，Ian Xiaohei Illustrations 提供的是一种比截图更生动、比通用 AI 插画更有识别度的配图方案。它真正的创新不在于画得好看，而在于画得准确——每一张图都是从文章的一个认知锚点生长出来的。

下一步：访问 GitHub 仓库 查看完整 SKILL.md，或 Fork 后按 references/style-dna.md 自定义风格。

来源：GitHub: helloianneo/ian-xiaohei-illustrations · MIT 许可证