撰写技术文章时,最令人头痛的环节之一就是配图。并非画不出来,而是画出的图总是不对劲:第一张还像手绘风格,第二张突然变成商业海报,第三张又成了3D渲染——整体风格完全不统一。更棘手的是,你想让一个固定角色贯穿全文,可每次生成都像换了个人。况且,文章真正想传递的是某个判断、流程、坑点或取舍,配图却沦为泛泛的装饰画。
为破解这些难题,近期有人打磨了一款专门的 Codex Skill(基于原版小黑 skill 二次开发)。它的思路非常直接:先通读整篇文章,找出最适合视觉化的“认知锚点”,再将锚点转化为插图。如此一来,配图不再是随机的装饰,而是内容的自然延伸。
该 Skill 支持多条视觉 IP 路线,你可根据文章主题自由切换:
- 小黑:默认路线,适合方法论、决策判断、流程设计、系统架构等场景
- 小盒:纸盒角色,适合整理归纳、收纳归位、交付输出、修补完善等隐喻
- Ferris:Rust 社区吉祥物,适合 Rust 语言、系统工程、可靠性等主题
- Go Gopher:Go 语言吉祥物,适合 Go 技术文章
- Seal:连帽衫海豹,适合产品中立、评审检视、优先级排序、团队协作主题
- OpenClaw:适合 OpenClaw 相关工作流和项目说明
下面是各 IP 的示例效果,可直观感受不同角色的视觉风格:
| Xiaohei | Littlebox | Tom | Ferris | Seal | OpenClaw | Go Gopher |
|---|---|---|---|---|---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
当然,任何文章都可以使用任意 IP 形象,没有硬性标准,完全看个人偏好。
它输出的内容也很完整:一篇文章可生成 4 到 8 张插图规划,每张图都会包含放置位置、画面主题、核心含义、角色动作、可见文字标签,最后再生成 PNG 图片。这里有两个关键优势:
第一,插图服务于内容。优先画清楚一个判断、一个流程、一个状态变化,而不是单纯追求视觉美观。
第二,视觉 IP 可以长期复用。当同一个角色在多篇文章里反复出现,读者会逐渐建立熟悉感。对个人写作者、技术博客、产品团队来说,这种稳定的视觉语言能形成独特的品牌辨识度。
安装与使用
安装非常简单,在终端里执行一行命令即可:
npx skills add yangchuansheng/visual-ip-illustrations --skill visual-ip-illustrations
使用方式更直接——在 Codex 中调用该 Skill,然后把文章内容和期望的视觉 IP 交给它。例如:
- “用小黑给这篇文章生成 6 张正文插图。”
- “用 Go Gopher 给这篇 Go 技术文章制作插图。”
- “用 Ferris 做一组 Rust 编译流程的解释图。”
这个项目已经开源,任何人都可以尝试。如果你经常撰写技术文章、产品文章、方法论文章,不妨拿来试试,看看在真实写作场景里会碰撞出怎样的效果。
配图这件事,未来应该会从一次性生成,慢慢演变为一套可复用的视觉系统。这个项目就是朝这个方向的一次有益尝试。







