惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
V
Visual Studio Blog
IT之家
IT之家
博客园 - 聂微东
The Cloudflare Blog
月光博客
月光博客
阮一峰的网络日志
阮一峰的网络日志
S
SegmentFault 最新的问题
Apple Machine Learning Research
Apple Machine Learning Research
酷 壳 – CoolShell
酷 壳 – CoolShell
爱范儿
爱范儿
H
Help Net Security
博客园 - 叶小钗
V
V2EX
WordPress大学
WordPress大学
J
Java Code Geeks
Hugging Face - Blog
Hugging Face - Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园_首页
C
Check Point Blog
B
Blog
D
DataBreaches.Net
美团技术团队
罗磊的独立博客

文武科技柜

AdsPower:多账号指纹浏览器,支持独立环境、代理IP、RPA和团队协作 - 文武科技柜 RoxyBrowser:多账号指纹浏览器,支持独立环境、代理IP和AI自动化 - 文武科技柜 我把 Cockpit Tools 的 2 个 Codex 唤醒任务迁到了 VPS:关掉电脑也能自动运行 - 文武科技柜 GPT-6 Astra:OpenAI新一代AI模型,支持电脑操作、专业办公和复杂任务执行 - 文武科技柜 ChatGPT Image 2.5:OpenAI新一代AI生图模型,精准改图、草图生成和模板创作更方便 - 文武科技柜 TypeWords:免费开源打字背单词工具,支持FSRS间隔复习、听写和文章练习 - 文武科技柜 偷师:AI图片提示词反推插件,一键拆解主体、构图、光影和风格 - 文武科技柜 ActivityWatch:免费开源自动时间追踪工具,统计电脑软件和网站使用时间 - 文武科技柜 InvoiceFlowAI:免费开源电子发票整理工具,自动下载发票、OCR识别并生成Excel报销汇总 - 文武科技柜 DBeaver:免费开源数据库管理工具,支持MySQL、PostgreSQL、Oracle等100+数据库 - 文武科技柜 Chrome标签页开太多导致闪退怎么办?4个设置解决卡死崩溃 - 文武科技柜 TikHub:社交媒体数据API平台,支持TikTok、抖音、小红书等16个平台 - 文武科技柜 DeepSeek Harness:DeepSeek开源AI Agent框架,支持Skills、插件、工具和DSH Desktop桌面版 - 文武科技柜 GreenVideo:免费在线视频下载工具,支持YouTube、TikTok、微博、小红书等1000+平台 - 文武科技柜 千问办公QwenWork:阿里推出的AI办公平台,支持PPT、Excel、网页生成和电脑操控 - 文武科技柜 Magic Resume 魔方简历:免费开源AI简历制作工具,支持AI润色、实时预览和PDF导出 - 文武科技柜 Fast Video Saver:免费在线视频下载工具,支持1000+网站、1080P和4K视频下载 - 文武科技柜 HBG Rubber Stamp Field Note:把旅行照片变成复古橡皮章观察笔记的AI Skill - 文武科技柜 豆包工作:字节跳动推出的AI办公Agent,能做PPT、表格、文档还能操作电脑 - 文武科技柜 各种源大型整合是什么?ZGQ-inc书源、RSS、Mihon、IPTV资源库使用指南 - 文武科技柜 【亲测有效】解决Bitwarden 浏览器扩展程序 2026.7.0 显示保险库为空的问题 - 文武科技柜 MonkeyCode:免费获取 2c8g 海外/国内云服务器开发环境 - 文武科技柜 从参考视频到成片:7 个提示词让 Codex 接管 Remotion 全流程 - 文武科技柜 ai-job-search 新手使用教程:把 Claude Code 变成你的求职工作台 - 文武科技柜 X/Twitter 长文复制不了?用 Codex 自动抓正文、图片和互动数据保存成 Markdown - 文武科技柜 开发者效率翻倍工具:Cockpit Tools支持AI IDE多账号与多实例并行运行 - 文武科技柜 不会剪视频?OpenMontage让你一句话自动生成完整短视频 - 文武科技柜 Tanso:一键搜索Bocha、火山引擎、知乎的搜索中枢 - 文武科技柜 六云666clouds:提供美/日/韩/美/德/英/香港原生双ISP住宅IP VPS 年付6折、月付8折、40元起优惠 - 文武科技柜 「亲测有效」Windows Codex:computer use 和Chrome插件无法使用问题解决方案 - 文武科技柜
ian-xiaohei-illustrations 保姆级教程:用 Codex 给中文文章...
斌仔 · 2026-06-30 · via 文武科技柜

文章目录

  • ian-xiaohei-illustrations 是什么?
  • 它解决了什么问题?
  • 适合谁用?
  • 安装前你需要知道什么
  • 安装步骤
    • 第一步:克隆仓库
    • 第二步:复制 Skill 到 Codex skills 目录
    • 第三步:在 Codex 里调用
  • 最简单的使用方式
  • 它生成图片的核心逻辑
  • 示例:单个概念怎么生成
  • 使用时最容易踩的坑
    • 坑一:中文文字太多
    • 坑二:一张图想讲太多
    • 坑三:小黑变成装饰
    • 坑四:复刻示例构图
  • 我的使用建议
  • 总结

如果你经常写中文文章,应该会遇到一个问题:正文配图很难做。

图库图太空,AI 氛围图太飘,PPT 信息图又太重。尤其是方法论文章、AI 工作流文章、知识型内容,真正需要的不是一张“好看的图”,而是一张能帮读者理解关键判断的图。

最近我看到一个很有意思的 GitHub 仓库:ian-xiaohei-illustrations。它是一个 Codex Skill,用来把中文文章里的判断、流程、状态和隐喻,生成成白底、手绘、带少量中文批注的正文配图。

这篇文章我会站在中文内容创作者的角度,完整讲清楚:它是什么、适合谁、怎么安装、怎么调用、生成效果怎么看,以及使用时有哪些坑。

ian-xiaohei-illustrations 保姆级教程:用 Codex 给中文文章生成小黑手绘认知配图
ian-xiaohei-illustrations 保姆级教程:用 Codex 给中文文章生成小黑手绘认知配图

ian-xiaohei-illustrations 是什么?

一句话解释:它是一个 Codex Skill,用来指导 AI Agent 为中文文章生成“小黑风格”的正文认知配图。

它不是普通 AI 绘图 prompt,也不是一套图库。它的核心流程是:先读文章,找出里面值得视觉化的认知锚点,再把这个判断、流程、状态或隐喻,画成一张 16:9 的白底手绘解释图。

ian-xiaohei-illustrations 是什么?
ian-xiaohei-illustrations 是什么?

它解决了什么问题?

很多中文文章不是缺图,而是缺“能参与表达的图”。

图库图只能装饰,AI 图经常漂亮但没用,PPT 信息图又容易太重。ian-xiaohei-illustrations 的价值在于,它让配图从“装饰”变成“解释”:一张图只表达一个认知动作,比如分拣、压缩、承接、搭桥、拉线。

适合谁用?

适合:

  • 写公众号、博客、Notion 文档的人
  • 做 AI 工作流、方法论、知识型内容的人
  • 想给文章建立稳定视觉风格的人
  • 不想每篇文章都重新想配图 prompt 的人

不适合:

  • 想要精致商业插画的人
  • 想要 PPT 信息图的人
  • 想要可编辑 SVG 源文件的人
  • 想把大量文字塞进一张图的人

安装前你需要知道什么

这个仓库真正要安装的是里面的 ian-xiaohei-illustrations/ 子目录,不是整个根目录。

你需要:

  • 能使用 Codex
  • 有一个本地 skills 目录
  • 最好已经配置好图像生成能力
  • 知道 AI 生成中文文字可能会有错字

安装步骤

第一步:克隆仓库

git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git
cd ian-xiaohei-illustrations

第二步:复制 Skill 到 Codex skills 目录

mkdir -p "${CODEX_HOME:-$HOME/.codex}/skills"
cp -R ./ian-xiaohei-illustrations "${CODEX_HOME:-$HOME/.codex}/skills/"

第三步:在 Codex 里调用

Use $ian-xiaohei-illustrations 为这篇中文文章设计并生成 5 张小黑怪诞正文配图。

最简单的使用方式

如果你不想一上来就生成图片,可以先让它做配图规划:

Use $ian-xiaohei-illustrations 先不要生图。
请分析下面这篇文章哪里值得配图,输出 5 张左右的 shot list。
每张图写清楚:放在哪段后、主题、核心意思、结构类型、小黑在做什么、建议中文标注词。

<粘贴文章>

这样做的好处是,你可以先判断它有没有理解文章,而不是直接浪费生成次数。

它生成图片的核心逻辑

我理解它的核心不是“小黑很可爱”,而是这套方法:

  1. 先读文章
  2. 找认知锚点
  3. 选一个核心动作
  4. 发明一个物理隐喻
  5. 让小黑参与这个动作
  6. 用白底手绘方式画出来
  7. 用少量中文标注辅助理解

这也是它和普通 AI 配图最大的区别。

示例:单个概念怎么生成

比如你想表达:

信任不是喊出来的,而是一块证据一块证据铺过去。

可以这样写:

Use $ian-xiaohei-illustrations 为“信任不是喊出来的,而是一块证据一块证据铺过去”生成一张正文配图。
画面要怪诞但清爽,小黑必须承担核心动作。

使用时最容易踩的坑

坑一:中文文字太多

图片里的中文越多,越容易错字。建议每个标签控制在 2-6 个字。

坑二:一张图想讲太多

它适合“一图一判断”,不适合把整篇文章画成说明书。

坑三:小黑变成装饰

小黑必须参与核心动作。如果去掉小黑,图还完全成立,那这张图就没有用好这个 IP。

坑四:复刻示例构图

示例图只是校准风格,不是模板。真正要学的是方法,不是照抄机器、桥、井这些物件。

我的使用建议

我的建议是:先不要急着生成最终图,先让它输出 shot list。

因为一篇文章最难的不是“画”,而是判断哪里值得画。好的正文配图,应该出现在读者需要理解一个抽象判断的时候,而不是随便插在段落中间。

总结

ian-xiaohei-illustrations 最有价值的地方,不是它能生成小黑插画,而是它提供了一套中文内容配图方法。

它把“配图”这件事从装饰变成表达:先理解文章,再提炼认知锚点,最后把抽象判断画成一个具体动作。

如果你长期写中文知识型内容,尤其是 AI、方法论、工作流、产品思考类文章,这个仓库很值得研究。