@Moting284: https://x.com/Moting284/status/2065292889207558556
摘要
介绍一款名为“小黑配图”的Codex skill,用于生成符合文章正文的手绘风格配图,解决AI配图空洞或PPT化的问题。文章详细说明skill的安装、使用方法和最佳实践,强调认知锚点提取和生成后质检。
查看缓存全文
缓存时间: 2026/06/12 08:59
会写文章但总卡在配图?这个skill帮你无痛解决(内附安装方式)
文章写完了要发文,打开编辑器发现还没配图。
打开 AI 生图工具,生成十几张,每张都像海报、像 PPT、像装饰品,就是不像能放进文章正文的配图。普通 AI 配图容易变成空泛装饰:蓝天、握手、齿轮、发光大脑,看起来相关但没有记忆点。另一种失败是变成 PPT 信息图:节点、箭头、圆圈、标题字,太整齐太刻意。
后来发现问题不是工具不好,而是配图这件事没有固定流程。每次都要重新解释:不要太油腻、不要堆元素、不要做成信息图、不能只是装饰。这些话说一遍可以,说十遍就累了。
真正痛点不是“不会生成图片“,而是每次都要重新解释审美、结构和禁忌。
skill 到底是什么?不是一条更长的 prompt,而是一份可复用工作手册。
很多人第一次看到 skill,会把它理解成“一个更长的 prompt“。这个理解不算错,但还差一层:prompt 是这次对话的临时要求,skill 是一套可复用的工作流程。你以后每次做类似任务,不用重新解释审美、步骤、检查标准,只要点名这个 skill,Codex 就知道该按那套流程干活。
安装 skill 的本质也不复杂:把一个带 SKILL.md 的文件夹放到 Codex 能扫描到的位置。你可以把它理解成给 Codex 放了一本小手册。Codex 平时只看手册标题,真的遇到相关任务时才打开细读。
我突然意识到:skill 省掉的不是生成时间,而是重复沟通成本。
对小白来说,skill 就是:
skill = 一个文件夹 核心文件 = SKILL.md 作用 = 让 Codex 在特定任务上按固定流程工作 触发方式 = 在提示词里写 Use $技能名
非常推荐现在我的无论是短推还是长文都会经常出现的小黑配图skill,在此感谢马哥@jinchenma_ai的分享,也鸣谢 @ianneo_ai 的创作!
小黑配图 skill 能做什么,不能做什么?
它的目标不是随便给文章配一张漂亮图,而是先读文章里的判断、流程、状态或隐喻,再把其中一个“认知动作“变成 16:9 白底手绘正文配图。
它默认使用“小黑“这个视觉 IP:黑色实心、白点眼、细腿、表情空但认真。小黑不能只当背景或旁观者,而必须承担核心动作:推门、拆墙、背石头、翻书、坐电梯。
如果小黑只是站在一旁,这张图就不对了。这是我用了几次后才意识到的:小黑不是装饰,而是结构的推动者。
比如“第一个100万很难,后面复利加速“,可以画成小黑背石头爬坡 vs 坐电梯。“接龙记录如何变成系统“可以画成小黑把一堆碎纸粘成流水线。“草稿必须人工删改“可以画成小黑拿红笔划掉一堆文字。
但它不适合商业级 KV、品牌插画、传统 PPT 信息图。也做不了复杂架构图、可编辑矢量源文件。如果你要儿童卡通、表情包、多人物复杂场景,也不太合适。
小黑配图 skill 好用的地方,不是画风怪,而是先帮你找文章里的认知锚点。
小白安装:最关键是复制对目录。
小白最容易踩的坑是复制错目录。GitHub 仓库下载下来后,真正要安装的不是整个仓库根目录,而是里面那个 ian-xiaohei-illustrations/ 子目录。
完整的安装命令是:
git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git cd ian-xiaohei-illustrations mkdir -p “{CODEX_HOME:-$HOME/.codex}/skills" cp -R ./ian-xiaohei-illustrations "{CODEX_HOME:-$HOME/.codex}/skills/”
解释一下每一行在做什么:
第 1 行:把 GitHub 仓库下载到本地。
第 2 行:进入这个仓库目录。
第 3 行:创建 Codex 的 skills 文件夹(如果已经存在,这一行不会报错)。
第 4 行:把真正的 skill 文件夹复制进去。
安装后如果 skill 没出现,不要立刻怀疑安装失败,先重启 Codex。Codex 通常能自动检测新 skill,但偶尔需要重启才能识别。
我第一次装的时候也卡在这里:明明复制对了,但 Codex 就是不认。重启后就好了。
安装完成后,用这句测试:
Use $ian-xiaohei-illustrations 先不要生图,请告诉我你会怎么为一篇中文文章做配图。
如果 Codex 回复了这个 skill 的能力说明,说明安装成功。如果没反应,先检查复制的是不是 ian-xiaohei-illustrations/ 子目录(不是整个仓库根目录),有没有重启 Codex,Skill 目录里是否有 SKILL.md 文件。
小白最稳的流程是:先装对目录,重启后测试调用。短文少配几张,长文抓认知锚点,生成后一定要过质检。
第一次怎么用:先测试,再配图。
很多人安装完 skill 后,第一反应是“帮我给这篇文章配 8 张图“。这样做不是不行,但容易浪费次数,也容易得到一组看起来完整但不贴文章的图。
更稳的做法是先让它只做配图规划:读完文章后,告诉你哪几段值得配图、每张图讲什么、画面里小黑应该承担什么动作。这个步骤看起来慢,其实最省时间,因为它先帮你排掉那些“不需要画“的段落。
提示词可以这样写:
Use $ian-xiaohei-illustrations 先不要生图。 请分析下面这篇文章哪里值得配图,输出 5 张左右的 shot list。 每张图写清楚:放在哪段后、主题、核心意思、结构类型、小黑在做什么、建议中文标注词。
<粘贴文章>
它会输出类似这样的规划:
第 1 张:放在“第一个100万最难“那段后 主题:第一个100万的反人性爬坡 核心意思:前期攒钱像背石头上山,慢且累 结构类型:对比(爬坡 vs 平地) 小黑动作:小黑背着巨大石头艰难爬坡 建议标注词:100万、爬坡、慢
这一步看起来慢,其实是最快的。因为你不是把文章丢给 AI 碰运气,而是先把编辑判断定下来,再进入生成。
如果 shot list 确认没问题,可以直接让它生成整篇文章配图:
Use $ian-xiaohei-illustrations 把下面这篇文章生成 4 张小黑怪诞正文配图。 要求:16:9 横版、纯白背景、黑色手绘线稿、少量红橙蓝中文手写批注。 每张图只讲一个核心结构,不要做 PPT 信息图。
<粘贴文章>
真实实践一:短文不要硬凑图。
比如我丢了一段很短的“第一个100万“文案,可以让它生成 2 张:一张讲前期攒钱像背石头爬坡,一张讲后面复利像坐电梯。
用之前,我会想“得配4张才够“,然后硬凑出蓝天、齿轮、箭头、发光大脑。用之后才发现:短文就该短配图,硬凑反而稀释重点。
当我看到它只拆了 2 张时,第一反应是:终于不用硬凑8张海报了。
生成后我发现第二张被判断更稳,第一张文字稍多,适合正文中段而不是开头。这说明生成后不是直接用,而是要排序、要选择。之后将这两张图拼在了一起。
真实实践二:长文先抓认知锚点。
比如那篇“不懂技术,小白也能用 AI 做个完整系统“,它没有平均按段落配图,而是抓了三个真正值得画出来的点:接龙记录怎么变成系统、功能怎么用着用着长出来、遇到报错和验算时怎么一步步校准。
用之前,我会机械地想“每500字配一张图“。用之后发现:配图不是平均分布,而是只画认知转折点。
这个拆法比“帮我配三张图“本身更有价值,因为它先帮我判断了文章哪里值得被看见。这一步其实是编辑工作,不是生成工作。
另一篇《如何用Codex十分钟把一篇文章变成笔记和推文》拆成“别让 AI 总结一下““三层处理法”“草稿必须人工删改“和“固化成 skill”。每个锚点都是认知转折,不是平均段落。
很多人以为生成就完了。
错了。
生成后不过一遍质检清单,就容易把翻车图发出去。
生成后,不要直接用。先过一遍质检清单:
- 是不是 16:9 横版白底?
- 小黑是不是动作主体?
- 这张图是不是只讲一个核心意思?
- 中文标注是不是短、少、能读?
- 有没有像 PPT/流程图/课程页?
- 有没有多余标题、错字、幻觉标签?
- 有没有复刻示例图,而不是为当前文章重新想隐喻?
最容易翻车的是第 2 条和第 5 条。
小黑必须承担核心动作,不是装饰。一张图只讲一个核心结构。文字要短,中文错字严重就减少标注或重生成。太像 PPT、流程图、课程页,就要改。
翻车了怎么办:常见问题和修图话术。
小黑只是装饰,不是动作主体。这种图看起来完整,但没有核心动作。修正方式是:
Use $ian-xiaohei-illustrations 这张图方向对,但小黑有点像装饰。 请保持核心意思不变,重生成一版:让小黑成为真正推动结构运转的人。 画面更怪一点,但仍然纯白、清爽、少字。
图太像 PPT 了。有标题、边框、整齐网格、过多箭头。修正方式是:
这张图太像 PPT 了。请去掉标题、边框、整齐网格和过多箭头,改成白纸上的手绘场景。
还有一种情况是中文标注太多或写错字。这种问题不建议让 AI 重新生成,更快的方式是用图片编辑工具直接改。
封面标题要准,后期排版比生图更稳。
实践里我发现封面后续需要做标题强化版。没有重生成整图,而是保留原图,用白底覆盖原标题区域,再重新排主标题和副标题。
生图模型适合画隐喻和氛围,准确标题更适合后期排版。生图模型能画出氛围和隐喻,但要它稳定写对中文标题,还是不如直接在图上做精准排版。
如果需要拼图,可以让 Codex 把两张图上下拼接。但我更建议保留每张 16:9 的完整性,不要硬拼成一张大图,因为正文配图更适合单张阅读。
生成只是第一步,封面标题、拼图、错字、文字过多、PPT 感都需要后处理。
它不是替你审美,而是帮你少重复解释。
最后说一下这个 skill 适合谁、不适合谁。
适合:
-
会写中文长文、公众号、博客、Notion 文档、AI 工作流复盘的人
-
想把抽象判断画成具体隐喻的人
-
不想每次都重新解释审美和步骤的人
不适合:
-
需要商业级 KV、品牌插画、传统 PPT 信息图的专业设计师
-
需要复杂架构图、可编辑矢量源文件的人
-
需要儿童卡通、表情包、多人物复杂场景的人
skill 省掉的是重复沟通成本。最后要不要放进文章,仍然要人判断。它能降低配图门槛,但不能替代最后的审美判断。你还是要知道文章哪里值得配图、哪张图最稳、哪张图需要改。
但对小白来说,这已经够用了。配图从“临时碰运气“变成“可复用流程“,真正值得沉淀的不是某张图,而是“安装、调用、生成、质检、修图“的流程。
最小的第一步:装一次,测试调用,给一篇短文做 shot list。看看它能不能帮你把配图从“碰运气“变成“编辑判断“。
如果可以,再试试生成和质检。
可复用提示词
下面是我用过有效的提示词,你可以直接复制修改。
安装后测试:
Use $ian-xiaohei-illustrations 先不要生图,请告诉我你会怎么为一篇中文文章做配图。
只做配图规划:
Use $ian-xiaohei-illustrations 先不要生图。 请分析下面这篇文章哪里值得配图,输出 5 张左右的 shot list。 每张图写清楚:放在哪段后、主题、核心意思、结构类型、小黑在做什么、建议中文标注词。
<粘贴文章>
直接生成整篇文章配图:
Use $ian-xiaohei-illustrations 把下面这篇文章生成 4 张小黑怪诞正文配图。 要求:16:9 横版、纯白背景、黑色手绘线稿、少量红橙蓝中文手写批注。 每张图只讲一个核心结构,不要做 PPT 信息图,不要可爱卡通。
<粘贴文章>
修图时常用话术:
Use $ian-xiaohei-illustrations 这张图方向对,但小黑有点像装饰。 请保持核心意思不变,重生成一版:让小黑成为真正推动结构运转的人。 画面更怪一点,但仍然纯白、清爽、少字。
Use $ian-xiaohei-illustrations 把下面这篇文章生成 4 张小黑怪诞正文配图。 要求:16:9 横版、纯白背景、黑色手绘线稿、少量红橙蓝中文手写批注。 每张图只讲一个核心结构,不要做 PPT 信息图,不要可爱卡通。
<粘贴文章>
这张图太像 PPT 了。请去掉标题、边框、整齐网格和过多箭头,改成白纸上的手绘场景。
质检清单
- 是不是 16:9 横版白底?
- 小黑是不是动作主体?
- 这张图是不是只讲一个核心意思?
- 中文标注是不是短、少、能读?
- 有没有像 PPT/流程图/课程页?
- 有没有多余标题、错字、幻觉标签?
- 有没有复刻示例图,而不是为当前文章重新想隐喻?
相似文章
@xiaofeilong99: 卧槽,Codex 这个手绘配图 Skill 真有点东西! 现在写长文最怕什么?不是没观点,是满屏文字没人想看。 这个 Ian Xiaohei Illustrations 直接把文章里的判断、流程、隐喻,画成一张白底手绘小图。不是那种土味 …
Codex的手绘配图Skill Ian Xiaohei Illustrations能够将文章中的抽象概念、流程和隐喻转化为白底手绘小图,有效降低长文的阅读压力。
@aehyok: 最近刚好也在研究PPT。看了一姐的视频,使用Codex +Image2来做PPT,于是顺手找了几个star数比较多的PPT Skill,准备挨个都来试试看,到底那个效果更适合自己呢? 1、https://github.com/op7418…
介绍了一款名为guizang-ppt-skill的AI Agent技能,用于生成单文件HTML横向翻页PPT、配图和封面,支持Claude Code和Codex等环境。
@ianneo_ai: 我的天!我的 Skill 在 GitHub 本周排第二啦! 刚刷到藏师傅项目冲到第一,我点进去一看,笑死,我这个也在榜上,排第二 就是这个中文小黑怪诞正文配图生成 Skill: http://github.com/helloianneo/…
作者发布了一个名为 Ian Xiaohei Illustrations 的 Codex Skill,用于指导 AI Agent 为中文文章生成 16:9 白底手绘怪诞配图,该仓库在 GitHub 周榜排名第二。
@LawrenceW_Zen: 如果你平时不用 codex 但是架不住 image2 牛逼又不得不用,怎么办? 我开源了一个 SKILL —— imgen,安装后可以直接在 Claude Code 以及其他 Agent 里面直接生成图片。 Features 文生图 & …
作者开源了 imgen 技能,安装后可在 Claude Code 等 Agent 中直接生成图片,支持文生图和图生图,零配置复用本地 Codex 登录状态。
@aronhouyu: https://x.com/aronhouyu/status/2063561548145275255
介绍了一个名为awesome-codex-skills的开源仓库,收录了上千个针对Codex(以及Claude Code、Gemini CLI等)的预设技能(Skills),涵盖开发、数据、协作等场景,并提供了安装和使用指南,帮助用户复用工作流。