自动化 + 个人 IP 风格 + 免费：分享我的配图方案（已开源 Skill）

最近有不少朋友问我：文章里这些带个人 IP 的图是怎么做的，为什么每张图都有同一个小标记，风格也比较统一。

大概是这种效果：

答案很简单：我给 Codex 做了一个小 Skill，叫 codex-ip-image-generator。

它的作用不是「让 AI 随便画张图」，而是把文章配图里最常见的三件事做成稳定流程：

• 生成文章封面
• 把 ASCII 结构草稿变成正式配图
• 根据一段内容生成解释图

这篇不讲复杂实现，只讲三件事：具体怎么用、有什么好处、大概怎么设计。

1.1 它能做什么：三个案例

目前我主要用它处理三类文章配图：

基本格式都很简单：一句话说明要做什么，再给 Codex 必要的文章、图块或内容上下文。

1.1.1 案例 1：生成文章封面

写完文章后，可以直接让 Codex 基于文章生成封面：

使用 $codex-ip-image-generator，基于 examples/Claude Code 入门：配置、Memory、Subagent 与 Skills.md 生成一张微信公众号和 X 都能用的封面。

它会读取文章标题、导语和章节结构，再生成一张带个人 IP 风格的封面：

这里比较关键的是「微信公众号和 X 都能用」。Skill 里会按平台规则控制安全区，尽量把标题、IP 标记和核心视觉放在不会被裁切的位置。

1.1.2 案例 2：把 ASCII 图批量替换为正式配图

技术文章里，我经常先用 ASCII 画一个结构草稿：

\`\`\`replace
┌─────────────────────────────────────────────────────────┐
│                  编程接口层 Agent SDK                      │
│              完全用代码控制 Agent 执行流程                  │
├─────────────────────────────────────────────────────────┤
│              集成层 Headless / MCP                        │
│         CI/CD 无头模式  |  连接外部工具和服务               │
├─────────────────────────────────────────────────────────┤
│                 分发层 Plugins                             │
│       打包 Skills/SubAgents/Commands/Hooks  跨项目复用     │
├─────────────────────────────────────────────────────────┤
│                    扩展层（核心）                           │
│  Commands   Skills    SubAgents    Hooks                 │
│  /斜杠命令  语义技能   子代理隔离   事件拦截与自动化           │
├─────────────────────────────────────────────────────────┤
│                   基础层 Memory                           │
│     CLAUDE.md / rules / Auto Memory  跨会话持久化          │
└─────────────────────────────────────────────────────────┘

然后对 Codex 说：

使用 $codex-ip-image-generator 替换这篇 Markdown 里的 replace 图块。

Skill 会扫描开头行精确为三个反引号加 replace 的代码块，生成图片后再写回成 Markdown 图片引用，默认放到文章旁边的 assets/generated/ 目录。

替换后大概是这种效果：

这样我只需要先把结构想清楚，视觉表达交给 AI。

1.1.3 案例 3：根据一段内容生成解释图

如果某段概念比较抽象，也可以选中内容，让 Codex 生成一张解释图：

使用 $codex-ip-image-generator，用我的风格把下面这段内容生成一张架构图：

在 Codex 里大概是这样操作：

生成出来就是这种文章中间可用的解释图：

这个例子适合「概念太抽象，但又不值得单独画一张复杂设计稿」的场景。

1.2 带来的好处

1.2.1 风格统一，可以做个人 IP 化

以前每次让 AI 生图，都有点像重新抽卡。

今天可能是科技蓝，明天可能是赛博风，后天又变成普通扁平插画。单张看都还行，但放在一个账号里，就没有识别度。

现在这套偏好被写进 Skill 里：个人 IP 标记、白板手绘风、线条感、强调色、负向风格约束，都会默认带上。

长期看，稳定的视觉线索比单张图惊艳更重要。

1.2.2 写作流程更顺

以前我其实也会 先画 ASCII 图（这个很重要，这是我图画得很细致的核心原因），因为它最适合表达结构：谁指向谁、哪几层关系、流程怎么走，一眼就清楚，并且调整的成本很低。

但 ASCII 图只能算草稿。真正发布前，我还要再打开 ChatGPT 或其他生图工具，重新解释一遍这张图，然后下载、改名、插回 Markdown。

但现在我会把后面的「生图、保存、插回文章」都交给 Codex。

1.2.3 不需要额外生图成本

这个点很现实也很重要！

我之前试过宝玉老师的 Skill，那套方案要自己接外部生图 API、配置 API Key，后面还要算调用成本，一张图大约六七毛的成本，每次生图都肉疼。

单张不贵，但一篇文章如果要封面、结构图、解释图，再多试几版，成本就有感觉了。

现在这个 Skill 用的是 Codex 自带的 image generation 能力，不用额外接 API，也不用按图单独计费。对我来说，文章配图基本不再是一个额外成本项。

低成本才会带来高频使用，高频使用才会变成真正的工作流。

1.2.4 能结合文章上下文

它不是只根据一句 prompt 生图。

如果输入是一篇 Markdown，Codex 会参考标题、导语、章节结构和局部上下文。这样生成出来的图，更像是在服务这篇文章，而不是一张泛泛的 AI 插画。

1.3 大概怎么设计的

我设计时主要拆了五层：输入层、上下文层、规则层、生成层、输出层

1.3.1 五层架构

核心思路其实就一句话：内容、风格、平台规则分开管理。

内容由文章决定
风格由 profile 决定
平台适配由规则决定
图片生成由 Codex 完成
写回由 Skill 处理

这样我每次只需要关心内容本身，其他稳定偏好都放到 Skill 里。

至于「图要像我」，「标题不要被裁切」，「图片放哪里」，「Markdown 怎么插回去」 这些问题，都交给 Skill 自己解决。

1.3.2 自定义您的个人 IP

如果你想改成自己的个人 IP，也很简单：

换 IP 图        -> 替换 assets/ip/default.png
改视觉风格      -> 修改 visual profile
适配发布平台    -> 修改 platform presets
调整生成习惯    -> 修改 prompt templates

比如你想要极简黑白风、漫画风、产品手册风，或者想给公众号、小红书、X 分别做不同封面比例，本质上都是换规则，不需要重写流程。

1.4 总结

1.4.1 核心价值

这个 Skill 的价值不是「多一个生图玩法」，而是把文章配图变成一个稳定流程：

• 图的风格统一且带有个人 IP
• 减少写作时的上下文工具
• 使用 Codex 自带 image 能力，基本没有额外生图成本

1.4.2 融入日常创作

以后我写文章时，只要内容准备好，就可以顺手生成封面、结构图和解释图。

这才是它真正有用的地方：让个人 IP 视觉嵌进日常创作流程里。

我是 kaitox，Full-Stack Engineer / AI Builder / Growth Hacker。

如果你也关注 AI 实践、效率工具、设计系统和个人工作流，欢迎关注我。后面我会持续分享自己正在 Build in Public 的 AI 小工具和实战经验。

这个 Skill 已经开源，觉得有用的话欢迎点赞、转发和 Star： https://github.com/kuangjiajia/codex-ip-image-generator/tree/main