写完文章卡住的其实是「出图」
内容创作者都有同一个体感:正文写完只算完成一半。真正耗时间的是发布前那一步——
- 公众号要 21:9 头图,还要一张 1:1 的分享卡;
- 小红书要 5~9 页组图,得把长文拆成能滑动阅读的卡片;
- 教程类还要处理截图、步骤标注;
- 换个平台,尺寸和版式又要重来一遍。
手工排费时间,套模板容易撞脸,直接甩给 AI 出图又基本只会给你「大标题 + 渐变背景」的通用样式,不稳定也没法复用。
正确解法不是找一个更强的画图模型,而是把「内容拆页 → 版式选择 → 主题设定 → HTML 渲染 → PNG 导出」这一整条流水线固化成 Codex 的一个 Skill,之后每篇文章一句话调用。
第一步:装一个图文卡片 Skill
Codex 支持用 skill-installer 直接从 GitHub 仓库地址安装技能。在对话框里输入:
$skill-installer
帮我安装这个图文卡片 Skill:
https://github.com/op7418/guizang-social-card-skill
装好后告诉我调用命令是什么、需要哪些本地依赖。
Codex 会自己 clone 仓库、读 README、把技能文件放进 Skills 目录,并回报调用方式。
如果你偏好手动安装,也可以直接把技能目录拷进 Codex 的技能目录:
cp -R skills/<skill-name> ~/.codex/skills/
部分卡片 Skill 用 Pillow 做图片渲染,需要补一次 Python 依赖:
python3 -m pip install -r skills/<skill-name>/scripts/requirements.txt
提示:装完务必重开一个 Codex 任务,否则新技能不会被加载,你打
/或$都搜不到它。
第二步:先给 brief,别直接甩全文
很多人失败在这一步:把 8000 字原文整个粘进去说「做成小红书」。AI 不知道你要给谁看、想让读者做什么,只能机械切成十段。
正确做法是先补一份极短的 brief:
用 $<skill-name> 把下面这篇长文整理成一套小红书发布包,
同时输出公众号头图和分享卡。
选题:Codex 新手最容易踩的 5 个坑
目标读者:刚装完 Codex、还没跑通第一个项目的普通用户
个人判断:多数教程只讲安装不讲用法,这篇要给可复制的指令
希望读者看完做什么:照着第 3 页的指令跑一遍
视觉主题:留空(先给我 4 个封面候选)
原文:
<粘贴正文>
视觉主题留空是个小技巧——Skill 会用同一张封面渲出 4 套不同视觉风格给你挑,你直接看图选,不用先学会描述字体、网格、色板。
第三步:走标准模式,先审文案再出图
成熟的卡片 Skill 一般提供两种执行模式:
| 模式 | 行为 | 适用 |
|---|---|---|
| 标准模式(默认) | 先出 brief + 全部卡片文字 + 4 个封面候选,等你确认后再批量渲染 | 正式发布内容 |
| 完整模式 | 一次跑完文案、图片、正文、贴图、自检 | 时间紧、内容不敏感 |
建议一律走标准模式。渲染图片是整条流水线里最慢、最费额度的一步,文案没定就出图,改一个错别字要全套重跑。
确认文案时重点看三处:
- 每页字数是否过密(小红书卡片文字过密直接劝退);
- 页码和信息层级有没有断层;
- 首页标题是不是把「读者能得到什么」讲清楚了。
第四步:锁定一套视觉,保证账号统一
选风格时不要每篇都换。卡片类 Skill 通常提供几套共用字体层级、页码逻辑和强调色的视觉系统,比如知识杂志、读书卡、科技教程、商务分析。换风格后仍然像同一个账号,靠的就是这套共用骨架。
选定后写进你的项目说明里,之后每篇自动复用:
本账号固定使用「科技教程」视觉主题:
浅灰分区、大留白、圆润面板、大标题、少量系统蓝作强调色。
所有卡片保持同一字号层级与页码位置,不要每篇换配色。
第五步:一次产出多平台物料
文案和视觉都锁定后,让它一把跑完:
按已确认的文案和「科技教程」主题渲染全套物料:
1. 小红书组图 9 页(3:4)
2. 公众号头图 1 张(21:9)
3. 公众号分享卡 1 张(1:1)
4. 输出到 output/2026-08-04/ 目录,文件名带页码
5. 同时生成一份小红书正文(含话题标签)和公众号导语
跑完检查两件事:图片里的中文有没有渲染成方框或截断,以及头图在手机预览下标题会不会被裁掉。这两个问题机器自己发现不了。
避坑清单
- 别让 Skill 直接润色事实:数据、案例、人名必须人工核一遍,卡片字少反而更容易放大错误。
- API Key 不要写进仓库:部分第三方图文 Skill 需要配自己的 API 凭证,放环境变量,别截图外发。
- 组图页数控制在 6~9 页:超过 9 页完读率会明显掉。
- 保留 HTML 中间产物:卡片先渲成 HTML 再导 PNG,留着 HTML 就能只改一页重出,不用全套重跑。
来源:公众号「连享会」《长文变图文的 Agent Skill:生成小红书组图与公众号封面》,经本教程改写整理。
资料最后核对日期:2026-08-04 · 内容整理自 CodexGuide 社区公开教程