一只奶油色小睫毛,专门把中文内容里的抽象判断,变成读者一眼能看懂的怪诞手绘图。
16:9 横版 · 纯白手绘 · 认知锚点 · 可复用隐喻 · Codex Skill
感谢 Ian Xiaohei Illustrations 公开分享中文正文配图的工作方法和实践。小睫毛配图在此基础上继续探索自己的角色、内容场景和视觉资产。
很多内容配图的问题不是“画得不够漂亮”,而是没有把文章里真正重要的那一下画出来:一个判断、一个断点、一个转折,或者一条从想法走到结果的路径。
小睫毛配图让 AI 先找出那个认知锚点,再为它发明一个低科技、奇怪但成立的物理隐喻。最终输出不是课程页,也不是一堆节点,而是一张读者看一眼就能进入正文的手绘图。
小 gecko 是我的宠物壁虎“小睫毛”的插画化形象。
本仓库也提供了一个可选 skill:上传一张三视图替换默认形象,定制属于你自己的配图 skill。
最简单的用法:上传三视图,然后复制这段话:
Use $custom-character-illustrations。
参考仓库:https://github.com/xDylanLong/xiao-gecko-illustrations
请使用这个仓库里的 custom-character-illustrations skill;如果尚未安装,请先按仓库 README 安装。
请用我上传的三视图,创建一个专属角色配图 skill。
角色名:我的角色
项目另外保存了一个独立角色“小溪流”的三视图参考。它不会替换默认“小睫毛”,后续生成时可通过本地路径显式传入:
/Users/thawingx/.codex/skills/xiao-gecko-illustrations/character-references/xiaoxiliu-reference.png
小溪流三视图参考:灰白身体、橙色斑点、金色竖瞳、宽嘴和长尾巴
xiao-gecko-illustrations 支持运行时传入一个或多个角色,但不会在未明确指定时自动加入这些角色。角色可以由用户在当前任务中上传,也可以引用项目里已保存的本地参考图;未传入 characters 时仍使用默认小睫毛。
Use $xiao-gecko-illustrations 生成一张中文正文配图。
characters:
- name: 小溪流
reference: /Users/thawingx/.codex/skills/xiao-gecko-illustrations/character-references/xiaoxiliu-reference.png
role: 对话对象
visual_anchors: 白色身体、橙色斑点、直立姿态、长尾巴
- name: 另一位角色
reference: 我本轮上传的另一张参考图
role: 讲解者
visual_anchors: 以该参考图为准
scene: 两个角色面对面讨论一个商业判断;保留各自身份,不要融合或增加未输入的角色。
如果不提供 characters,skill 才使用仓库自带的默认小睫毛。需要让默认小睫毛与用户角色同场时,要在参数中明确把它列入场景。
不要把整篇文章压进一张图。先选一个读者应该记住的动作,再删掉其他解释。
如果去掉小睫毛,画面仍然完全成立,说明角色只是装饰。小睫毛要推、拉、拧、扛、修、捞、记录,或者认真地卡在某个系统里。
白底、少字、留白和一个奇怪物件负责制造记忆点;短标注和清晰动线负责让读者迅速理解。
把封面点击率、前 2 秒留存、可复制结构和制作时间画成同一个入口的四个短标记。
Use $xiao-gecko-illustrations 直接生成一张 16:9 横版中文正文配图,不要先输出 shot list。
主题:本周内容实验要同时优化小红书封面点击率和抖音前 2 秒留存,并找到下周可以复制的结构,同时记录制作时间。
核心隐喻:小 gecko 正在拧开一扇内容入口的两道门闩,上面标“封面 15%”,下面标“前2秒 <30%”;门后只保留“可复制”和“制作时间”两个短标注。
要求:纯白背景、黑色手绘线稿、大量留白、少量红橙蓝手写批注;小 gecko 必须做核心动作;只讲这一个隐喻,不要 PPT、正式流程图或复杂文字。
小 gecko 用一把锯子削掉多余功能,再把一条清晰路径搭向用户结果。
Use $xiao-gecko-illustrations 直接生成一张 16:9 横版中文正文配图,不要先输出 shot list。
主题:产品不是功能堆,而是让用户更快到达一个结果。
构图:画面左侧是一堆快要倒塌的功能零件,右侧是一个清晰、可抵达的用户结果;小 gecko 用一个奇怪但成立的低科技动作,削掉多余功能并搭出一条清晰路径。
标注:只保留“功能堆”和“用户结果”两个短标注。
要求:纯白背景、黑色手绘线稿、大量留白、少量红橙蓝手写批注;小 gecko 必须承担核心动作;只讲“从功能堆到用户结果”,不要 PPT、正式流程图或复杂文字。
小 gecko 摇动反馈井,让发布之后的反馈回到下一条内容里。
Use $xiao-gecko-illustrations 直接生成一张 16:9 横版中文正文配图,不要先输出 shot list。
主题:内容发出去不是结束,反馈要回到下一条内容里。
构图:发出的内容落入一个奇怪的手绘反馈装置,小 gecko 亲自摇动装置,让反馈回到下一条内容的入口,形成一个清晰但不正式的回流关系。
标注:只保留“发布”“反馈”“下一条”三个短标注。
要求:纯白背景、黑色手绘线稿、大量留白、少量红橙蓝手写批注;不要使用传送带、素材鱼或正式流程图;小 gecko 必须参与核心动作;只讲这一个回流隐喻,不要 PPT 或复杂文字。
这些 demo 是工作方式的示范,不是固定构图。每次使用都应根据当前内容重新发明隐喻。
git clone https://github.com/xDylanLong/xiao-gecko-illustrations.git
cd xiao-gecko-illustrations
mkdir -p "${CODEX_HOME:-$HOME/.codex}/skills"
cp -R ./xiao-gecko-illustrations "${CODEX_HOME:-$HOME/.codex}/skills/"Windows PowerShell:
$skillRoot = if ($env:CODEX_HOME) { Join-Path $env:CODEX_HOME "skills" } else { Join-Path $HOME ".codex/skills" }
New-Item -ItemType Directory -Force -Path $skillRoot | Out-Null
Copy-Item -Recurse -Force .\xiao-gecko-illustrations (Join-Path $skillRoot "xiao-gecko-illustrations")安装后,在 Codex 中直接调用:
Use $xiao-gecko-illustrations 为这篇中文内容生成一张小 gecko 正文配图。
如果你想把自己的宠物、吉祥物或原创角色变成配图主角,可以只安装仓库里的 custom-character-illustrations。它会接收你上传的任意角色三视图,生成一套独立的个人角色配图 skill;不会修改小 gecko skill。
cp -R ./custom-character-illustrations "${CODEX_HOME:-$HOME/.codex}/skills/"以“小睫毛”为例,可以先把宠物原图上传给 ChatGPT,请它整理成适合做角色设定的三视图。下面这段提示词可以直接复制:
请根据这张宠物照片生成一张干净白底的角色三视图参考图:正面、侧面、背面。
保持它真实的物种、体型、花纹、眼睛、尾巴和主要识别特征,不要增加服装、装饰、文字或场景。
三个视图要放在同一张图里,比例一致、姿态清楚,方便后续制作角色配图 skill。
拿到三视图后,把它上传到 Codex,再使用这个可选 skill:
Use $custom-character-illustrations。
我上传了一张宠物“小睫毛”的三视图,请基于它创建一个独立的个人角色配图 skill。
保留 16:9、纯白手绘、留白和怪诞隐喻的方法,但不要使用小黑或小 gecko。
角色名:小睫毛
请生成 skill 文件、角色规范、提示词模板、QA checklist,并做一张 demo。
这个可选 skill 默认会创建 custom-<角色名>-illustrations/,例如 custom-xiaojiewei-illustrations/,并打包三视图、角色 DNA、提示词模板、质检规则和安装说明。安装新 skill 后,就可以用 $custom-xiaojiewei-illustrations 生成属于自己的角色配图。
Use $xiao-gecko-illustrations 先不要生图。
请从下面文章里找出 5 个最值得视觉化的认知锚点。
每个锚点写:放在哪段后、核心意思、构图类型、小 gecko 的动作、3-5 个短标注。
<粘贴文章>
Use $xiao-gecko-illustrations 为“产品不是功能堆,而是让用户更快到达一个结果”生成一张 16:9 横版正文配图。
要求纯白背景、手绘线稿、少量中文批注,小 gecko 必须承担核心动作。
Use $xiao-gecko-illustrations 把这周的内容实验画成一张图:
小红书封面点击率目标 15%,抖音前 2 秒跳出率低于 30%,找到可复制的封面结构和开头结构,并记录制作时间。
只保留一个核心隐喻,不要做成 PPT。
更多可复用 prompts 见 examples/prompts.md。
- 读取文章、帖子、Markdown、截图或一个明确主题
- 找出认知转折、输入输出、断点、前后状态或承接关系
- 只选一个认知锚点,必要时先给出 shot list
- 选择一种结构:概念隐喻、前后对比、系统局部、方法分层、地图路线或小漫画
- 为当前内容发明一个低科技物件,并让小 gecko 做核心动作
- 用内置图像模型逐张生成,不把多张图拼成一张
- 检查角色、白底、留白、短文字和非 PPT 感
- 把最终 PNG 保存到 workspace 的
assets/<article-slug>-illustrations/
.
├── README.md
├── LICENSE
├── NOTICE.md
├── readme-assets/
│ ├── douyin.svg
│ ├── x.svg
│ ├── xiaohongshu.svg
│ └── xiaojiewei-original.jpg
├── examples/
│ ├── images/
│ │ ├── 01-content-entrance-experiment.png
│ │ ├── 02-product-feature-pile.png
│ │ └── 03-content-feedback-loop.png
│ └── prompts.md
└── xiao-gecko-illustrations/
├── SKILL.md
├── agents/openai.yaml
├── assets/gecko-reference.png
└── references/
├── composition-patterns.md
├── gecko-ip.md
├── prompt-template.md
├── qa-checklist.md
└── style-dna.md
可选的角色工厂 skill 位于:
custom-character-illustrations/
├── SKILL.md
├── agents/openai.yaml
└── references/
├── character-dna-template.md
├── custom-skill-template.md
└── qa-checklist.md
- 它适合正文认知锚点,不适合商业 KV、完整海报或高密度数据图。
- 中文文字越短越稳定;出现错字时优先删字,不要继续堆提示词。
- Demo 只校准风格密度和角色参与方式,不应被当成固定模板。
- 每张图的实际生成额度取决于当前 Codex / 图像模型环境,本仓库不承诺固定点数或金额。
本项目采用 MIT License。
小 gecko 角色参考图与 demo 图由本项目作者提供或生成。上游方法与再分发说明见 NOTICE.md。




