SkillCast 首批精选 Skill 正在整理中 查看市场 →
人工核验

5km 小盒手绘正文配图 Skill

把文章里的关键认知动作画成一张张克制、怪诞、手绘感强的“小盒”正文配图,适合中文创作者在 Codex 中稳定复用一套原创 IP 视觉语言。

手绘插画正文配图Codex Skill文章配图原创IP认知可视化

这是什么

5km Littlebox Illustrations 是一个开源的 Codex Skill,用于指导 AI 为中文文章、博客、产品思考、方法论笔记、热点评论和抽象概念生成手绘风格的正文配图。它来自 okooo5km(十里)的项目,采用 MIT 协议,当前仓库拥有 44 个 Star、1 个 Fork,暂无开放 Issue。

它的核心不是“配一张好看的图”,而是先理解文章中的一个关键认知动作,再把这个动作画出来。默认视觉 IP 是“小盒”:一个永远合盖的白色纸盒小人,黑点眼睛,小短腿,两侧小细枝胳膊,顶部中央有一条琥珀色锯齿胶带。小盒必须承担画面中的核心动作,绝不只是一个装饰摆件。

一句话总结:让 AI 不只是“配图”,而是把文章里的关键认知动作画出来。

适合谁

这个 Skill 适合:

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

不适合:

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

能做什么

安装后,你可以让 Codex 为一段文章或一个观点生成小盒手绘配图,也可以只做配图规划。默认输出:

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

默认不输出 PPTX / PDF / Keynote、SVG / HTML / Canvas 可编辑图、商业海报或大段文字型信息图。

项目在视觉风格上做了严格限定:默认纯白背景,黑中粗马克笔线条,主次有层级,保留干刷质感;小盒永远合盖,胳膊从两侧盒缝伸出,顶部只有一条琥珀色胶带,珊瑚红仅用于警告或强调;一张图只表达一个核心观点,构图讲究均衡和非线性。

使用前准备

需要准备:

  1. 一个可运行 Codex 的环境
  2. 安装 skills CLI 工具
  3. 图像模型能力(由 Codex 调用)

不需要额外注册 API Key,也不需要部署本地模型。

安装方法

使用 skills CLI 安装:

npx skills add okooo5km/5km-littlebox-illustrations

如果只想安装这个 Skill(而不是整个仓库):

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

安装后,在 Codex 里直接使用 $5km-littlebox-illustrations 来调用。

使用示例

在 Codex 中粘贴文章并让 Skill 生成配图:

Use $5km-littlebox-illustrations 把下面这篇文章生成 4 张小盒正文配图。
要求:16:9 横版、默认纯白背景、中粗黑色马克笔、主次线条有层级、少量琥珀色和珊瑚红中文手写标注,构图不要排成横向一条线。

<粘贴文章>

也可以只做规划:

Use $5km-littlebox-illustrations 先不要生成图片。
请分析下面这篇文章哪里值得配图,输出 5 张左右的 shot list。
每张图写清楚:放在哪段后、主题、核心意思、小盒状态、视觉隐喻、建议元素、建议中文标注词。

<粘贴文章>

为单个概念生成一张图:

Use $5km-littlebox-illustrations 为这个观点生成一张正文配图:

“信任不是一句口号,而是一包被保存好的小证据。”

小盒必须承担核心动作,画面要怪诞但清楚。

项目还提供了大量跨学科案例,从技术债、通胀、拖延、合同小字,到生态边界、家庭开销、健康搜索、育儿建议、通勤等场景,均有可复制的 prompt 和示例图,帮助用户校准风格。

风险与注意事项

  • 小盒 IP 规则必须严格遵守:小盒必须合盖,不能开盖、半开、剖面或露出内部;琥珀色胶带只能作为小盒顶部中央的身份胶带,不能乱贴;胳膊必须从两侧盒缝伸出。
  • 中文文字越短越稳定:图片内手写标签应克制、简洁,过长文字容易导致 AI 生成错字。
  • 一张图只讲一个核心结构:不要把文章做成说明书,避免信息过载。
  • 小盒必须承担核心动作:如果去掉小盒画面仍然完全成立,说明小盒太装饰化。
  • AI 图像模型可能出现错字、幻觉标签、风格漂移或多余标题,生成后需人工检查;若错字严重,优先减少标注词并重新生成。
  • 示例图仅用于校准线条密度、留白和颜色克制,不要复刻构图,真正使用时应根据当前文章重新发明隐喻。

整体来说,这是一个规则清晰、约束严格、产出风格统一的手绘插画 Skill,适合长期在内容创作流程中使用。仓库采用 MIT 协议,可以自由修改和再分发。

INSTALLATION

安装命令

TERMINAL
npx skills add okooo5km/5km-littlebox-illustrations
兼容平台Codex
运行环境需要 Codex 环境,并使用 skills CLI 安装本 Skill;生成图片时需要图像模型支持,创作过程无需额外 API Key。
API Key不需要
本地环境需要
费用免费