5km Littlebox Illustrations

5km Littlebox Illustrations

把文章里的判断、流程、风险、方法和隐喻，变成一张张克制、怪诞、手绘感强的“小盒”正文配图。

16:9 横版为主 | 小盒 IP | 合盖纸盒小人 | 中粗手绘马克笔 | 均衡非线性构图 | 默认纯白背景 | Codex Skill

---

这个仓库是什么

`5km Littlebox Illustrations` 是一个 Codex Skill，用来指导 AI Agent 为中文文章、博客、产品思考、方法论笔记、热点评论和抽象概念生成正文配图。

它不是通用插画 prompt，也不是 PPT 信息图模板。它的目标是：先理解内容里的一个关键认知动作，再把它变成一张小盒正在“处理问题”的手绘解释图。

默认视觉 IP 是“小盒”：一个永远合盖的白色纸盒小人，正面三分之四视角，黑点眼睛，小短腿，两侧小细枝胳膊，顶部中央有一条琥珀色锯齿胶带。小盒不是可爱吉祥物，也不是装饰物，它必须承担画面里的核心动作。

一句话：**让 AI 不只是“配一张图”，而是把文章里的关键认知动作画出来。**

---

灵感来源

这个项目的 Skill 结构、文章配图工作流和“让 IP 承担核心动作”的思路，受到 Ian 的 [Ian Xiaohei Illustrations](https://github.com/helloianneo/ian-xiaohei-illustrations) 启发。

小黑的仓库把“文章理解 → 认知锚点 → IP 行动 → 手绘正文配图”这套模式做得很清楚，小盒是在这个思路上重新设计的一套独立 IP 和视觉规则：合盖纸盒、粗马克笔、浅色背景、琥珀色锯齿胶带、侧边小细枝胳膊。

感谢 Ian 和小黑项目提供的参考。这个仓库不会复制小黑 IP，也不会复刻它的示例构图；这里只继承那种“尊重文章、让图像真的解释一个观点”的创作方法。

---

安装

使用 `skills` CLI 安装：

npx skills add okooo5km/5km-littlebox-illustrations

如果只想安装这个 Skill：

npx skills add okooo5km/5km-littlebox-illustrations --skill 5km-littlebox-illustrations

安装后，在 Codex 里使用：

Use $5km-littlebox-illustrations 为这篇文章设计并生成 5 张小盒正文配图。

也可以先只做规划：

Use $5km-littlebox-illustrations 先不要生成图片。
请分析下面这篇文章哪里值得配图，输出 5 张左右的 shot list。

<粘贴文章>

---

适合谁用

适合：

• 写中文文章，需要正文配图的人
• 做产品思考、AI 工作流、方法论内容的人
• 想把抽象判断画成具体隐喻的人
• 想要一个清楚、有识别度、可长期复用的原创 IP 风格的人
• 用 Codex 做内容生产，希望稳定复用一套视觉语言的人

不适合：

• 想要精致商业插画、品牌 KV 或儿童绘本风格的人
• 想要传统 PPT 信息图、复杂架构图或密集流程图的人
• 想做可爱贴纸、表情包或拟人吉祥物的人
• 想把大量正文、长句解释或完整课程页塞进一张图里的人
• 需要严格可编辑矢量源文件的人

---

它会产出什么

默认输出：

• 16:9 横版正文配图
• 一篇文章的 4-7 张 shot list
• 每张图的放置位置、核心意思、视觉隐喻、小盒动作和中文标注建议
• 最终 PNG 图片，保存到 workspace 的 assets/-littlebox/

默认不输出：

• PPTX / PDF / Keynote
• SVG / HTML / Canvas 可编辑图
• 商业海报或封面 KV
• 大段文字型信息图

---

视觉风格

这个 Skill 默认使用“小盒”手绘正文配图风格：

• 默认纯白 #FFFFFF 平面背景，在浅色 UI 和文章页面中保持无边界沉浸感
• 用户可以自由指定背景色；内置候选为极浅奶油白 #FFFCF5、浅天蓝 #E3F2FD、浅薰衣草紫 #E6E6FA
• 黑色中粗马克笔线条，比旧版略细一档；主次线条有层级，保留干刷质感和粗糙边缘
• 小盒永远合盖，不开盖、不半开、不剖面
• 小盒白色盒身，黑点眼睛，小短腿，两侧小细枝胳膊
• 顶部中央只有一条琥珀