把中文文章里的判断、流程、状态和隐喻，变成一张张白底、手绘、有 AI 猫 IP 的正文配图。
16:9 横版 | Codeartz AI 猫 IP | 白底手绘 | 克制红橙蓝信息层级 | Codex Skill
Codeartz Illustrations 是一个 Codex Skill，用来指导 AI Agent 为中文文章、帖子、博客、Notion 文档和方法论内容生成正文配图。
它不是通用插画 prompt，也不是 PPT 信息图模板。核心目标是：先理解文章里的认知锚点，再把其中一个判断、流程、结构、状态或隐喻，变成一张有记忆点的 16:9 手绘解释图。
默认视觉 IP 是 Codeartz AI 猫：白色主体、蓝青色科技光效、粉紫可爱点缀的 AI/机器人猫咪助手。它必须参与画面的核心动作，不能只是站在角落当装饰。
画面风格配色使用固定规则：黑色线稿为主，橙色做主路径，红色做重点问题或结果，蓝色做系统反馈和辅助说明。AI 猫的亮青蓝、粉色、淡紫色只约束角色本体，不扩散成整张图的主色。
一句话：让 AI 不只是“配一张图”，而是把文章里的一个关键认知动作画出来。
角色配色逻辑：
| 色块 | 用途 |
|---|---|
| 白色 | 主体毛色 / 机身底色 |
| 浅灰蓝 | 阴影、结构转折、耳机金属浅面 |
| 亮青蓝 | 发光件、耳机光圈、尾巴环、胸口屏幕 |
| 深蓝 | 眼睛暗部、耳机深色结构、科技感强调 |
| 粉色 | 腮红、可爱感点缀 |
| 淡紫色 | 耳朵内侧渐变、眼睛高光辅助色 |
整体方向：白色主体 + 蓝青色科技光效 + 粉紫可爱点缀。这是角色设定色，不是整张插画的风格色板。角色要像 AI/机器人助手，同时保持猫咪的柔软可爱感。
特别适合：
- 写中文文章，需要正文配图和文章插图的人
- 做知识型内容、方法论内容、AI 工作流内容的人
- 想把抽象判断画成具体隐喻的人
- 想要一套稳定、有个人识别度、带科技猫 IP 的配图风格的人
- 用 Codex 做内容生产，希望复用同一套视觉语言的人
不适合：
- 想要商业海报、品牌 KV 或精致扁平插画的人
- 想要传统 PPT 信息图、复杂架构图或流程图的人
- 想把大量正文、长段解释或完整课程页塞进一张图里的人
- 需要严格可编辑矢量源文件的人
默认输出：
- 16:9 横版正文配图
- 一篇文章的 4-8 张 shot list
- 每张图的主题、核心意思、结构类型、AI 猫动作和中文标注建议
- 最终 PNG 图片，保存到 workspace 的
assets/<article-slug>-illustrations/
默认不输出：
- PPTX / PDF / Keynote
- SVG / HTML / Canvas 可编辑图
- 商业海报或封面 KV
- 大段文字型信息图
这个 skill 默认使用 Codeartz AI 猫正文配图风格：
- 纯白背景，不要纸纹、米色、阴影、渐变
- 黑色手绘轮廓线，细线，轻微抖动
- 大量留白，主体只占画面约 40%-60%
- 画面全局使用固定颜色层级：黑色线稿，橙色主路径，红色重点或结果，蓝色系统反馈
- AI 猫本体使用角色色板：白色主体、浅灰蓝阴影、亮青蓝硬件光效、深蓝眼睛、粉色腮红、淡紫耳朵内侧
- 亮青蓝只用于耳机光圈、尾巴环、胸口屏幕、发光接口或极少量状态灯，不做全局主路径
- 一张图只表达一个核心动作、结构、状态或隐喻
- AI 猫必须参与核心动作，不能只是装饰
- 保持怪诞、克制、产品草图感；角色可爱但不幼稚
下面这些图用来校准 README 里的默认方向：画面使用黑色线稿、橙色主路径、红色重点、蓝色反馈；AI 猫本体保留白色、亮青蓝硬件光效、粉紫点缀。
克隆仓库：
git clone https://github.com/hanjeahwan/codeartz-illustrations.git
cd codeartz-illustrations复制 skill 到 Codex skills 目录：
mkdir -p "${CODEX_HOME:-$HOME/.codex}/skills"
cp -R ./codeartz-illustrations "${CODEX_HOME:-$HOME/.codex}/skills/"安装后，在 Codex 里使用：
Use $codeartz-illustrations 为这篇中文文章设计并生成 5 张 AI 猫正文配图。
Use $codeartz-illustrations 先不要生图。
请分析下面这篇文章哪里值得配图，输出 5 张左右的 shot list。
每张图写清楚：放在哪段后、主题、核心意思、结构类型、AI 猫在做什么、建议中文标注词。
<粘贴文章>
Use $codeartz-illustrations 把下面这篇文章生成 4 张 AI 猫正文配图。
要求：16:9 横版、纯白背景、黑色手绘轮廓。画面配色使用固定规则：橙色主路径、红色重点、蓝色反馈；AI 猫本体保留白色主体、亮青蓝硬件光效、粉紫点缀。
<粘贴文章>
Use $codeartz-illustrations 为“信任不是喊出来的，而是一块证据一块证据铺过去”生成一张正文配图。
画面要清爽、有点奇怪但成立，AI 猫必须承担核心动作。
Use $codeartz-illustrations 帮我编辑这张图，去掉左上角的“流程图”标题，其他内容保持不变。
更多示例见 examples/prompts.md。
- 读取文章、Markdown、Notion 内容、截图或用户给的主题
- 提炼核心观点、认知转折、流程结构和适合视觉化的段落
- 先输出 shot list：每张图只选一个认知锚点
- 为每张图选择结构类型：Workflow、系统局部、前后对比、角色状态、概念隐喻、方法分层、地图路线或小漫画分镜
- 重新发明一个低科技或轻科技、奇怪但成立的物理隐喻
- 让 AI 猫承担核心动作
- 每张图单独调用图像模型生成
- 按 QA checklist 检查：白底、留白、AI 猫动作、全局颜色层级、角色设定色、中文标注、非 PPT 感、非旧案例复刻
- 保存最终 PNG，并报告用途和路径
.
├── README.md
├── LICENSE
├── NOTICE.md
├── assets/
│ ├── 01-input-to-delivery.png
│ ├── 02-signal-filter.png
│ ├── 03-product-validation.png
│ ├── 04-content-compound.png
│ ├── 05-trust-bridge.png
│ └── 06-solo-company.png
├── examples/
│ └── prompts.md
└── codeartz-illustrations/
├── SKILL.md
├── agents/
│ └── openai.yaml
├── assets/
│ └── codeartz-ai-cat-reference.png
└── references/
├── style-dna.md
├── ai-cat-ip.md
├── composition-patterns.md
├── prompt-template.md
└── qa-checklist.md
真正需要安装到 Codex 的是子目录：
codeartz-illustrations/
- 图片里的中文文字越短越稳定。
- 每张图只讲一个核心结构，不要把文章做成说明书。
- AI 猫必须承担核心动作；如果去掉 AI 猫画面仍然完全成立，说明角色太装饰了。
- 角色色板不是全局画面色板；亮青蓝只服务 AI 猫硬件识别，不替代橙色主路径。
- 历史示例图不作为生成依据；当前 IP 以
codeartz-illustrations/assets/codeartz-ai-cat-reference.png为准。 - AI 图像模型可能出现错字、幻觉标签、风格漂移或多余标题，生成后需要检查。
- 如果中文错字严重，优先减少标注词并重生成。