Skip to content

Repository files navigation

小睫毛配图

一只奶油色小睫毛,专门把中文内容里的抽象判断,变成读者一眼能看懂的怪诞手绘图。

16:9 横版 · 纯白手绘 · 认知锚点 · 可复用隐喻 · Codex Skill

小红书   抖音   X / Twitter

个人主页

致谢原仓库


致谢

感谢 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 才使用仓库自带的默认小睫毛。需要让默认小睫毛与用户角色同场时,要在参数中明确把它列入场景。

三条设计原则

1. 一张图只讲一个动作

不要把整篇文章压进一张图。先选一个读者应该记住的动作,再删掉其他解释。

2. 角色必须参与运转

如果去掉小睫毛,画面仍然完全成立,说明角色只是装饰。小睫毛要推、拉、拧、扛、修、捞、记录,或者认真地卡在某个系统里。

3. 怪,但要在一秒内看懂

白底、少字、留白和一个奇怪物件负责制造记忆点;短标注和清晰动线负责让读者迅速理解。

Demo

内容入口实验

把封面点击率、前 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 正文配图。

可选:安装自定义角色配图 skill

如果你想把自己的宠物、吉祥物或原创角色变成配图主角,可以只安装仓库里的 custom-character-illustrations。它会接收你上传的任意角色三视图,生成一套独立的个人角色配图 skill;不会修改小 gecko skill。

cp -R ./custom-character-illustrations "${CODEX_HOME:-$HOME/.codex}/skills/"

用宠物原图生成三视图,再创建自己的 skill

以“小睫毛”为例,可以先把宠物原图上传给 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 生成属于自己的角色配图。

常用用法

先做 shot list,不生图

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

从正文到成图

  1. 读取文章、帖子、Markdown、截图或一个明确主题
  2. 找出认知转折、输入输出、断点、前后状态或承接关系
  3. 只选一个认知锚点,必要时先给出 shot list
  4. 选择一种结构:概念隐喻、前后对比、系统局部、方法分层、地图路线或小漫画
  5. 为当前内容发明一个低科技物件,并让小 gecko 做核心动作
  6. 用内置图像模型逐张生成,不把多张图拼成一张
  7. 检查角色、白底、留白、短文字和非 PPT 感
  8. 把最终 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 / 图像模型环境,本仓库不承诺固定点数或金额。

License 与致谢

本项目采用 MIT License

小 gecko 角色参考图与 demo 图由本项目作者提供或生成。上游方法与再分发说明见 NOTICE.md

About

小gecko 配图:用奶油色 gecko 把中文内容的判断、流程与隐喻画成清爽怪诞的 Codex Skill

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages