嗨大家好，我是阿真！上周分享了一个基于 guizang-ppt-skill 修改的 Skill——调用它并给到文章就能直出全部配图。我做好了一套小红书 3:4 比例的版本，现在正式分享给大家。
这个 Skill 最终产出如下效果，你可以有自己的 IP 配图作为插图，色调和字体都可以自行调整。产出的内容详细程度、是否配图都可以自己要求。
这是阿真常用版，给到上一篇文章后，直出的网页预览效果和导出图片效果：
图片效果：
讲历史的 IP 我也尝试了一版：
不想要配图的时候，可以要求 AI 在某些页面使用纯文字版本，有图和无图对比：
还尝试了潮玩版：
以上是基于 HTML 转图片的效果，适合小红书、小绿书等图文发布，风格比较简洁。
如果不喜欢过度简洁的风格，喜欢 AI 直出图的可以看这篇：基于你自己IP的卡通配图怎么做。
IP 素材准备
先整理你自己的 IP 形象。先生成一张完整的全身参考图。关于自己的卡通形象 IP 怎么做，可以参考这篇文章。
接下来 IP 定位卡就有了，确认没问题后继续推进生成图片。如果你使用的不是 Codex，可以使用即梦、接入 Liblib 或外接 API 等去生成系列图片，或者让模型生成表情提示词后到常用平台完成表情图生成，完成后把抠好的图片给到 Agent。
重要提醒：一定要等所有人物素材都完成，再推进视觉排版。后面才补素材，很容易出现人物大小差距太大、姿势放不进去、版面留白不合适等问题。
确认素材与视觉系统
确认人物图和表情动作包都没有问题以后，在对话里输入"确认素材"。
这时它会开始反推排版视觉系统，也就是接下来要生成的小红书常用排版模板。它会先给出 A、B、C 三组视觉建议，让你选择配色、字体和整体气质。
可以选择逐项确认，也可以直接采用整套推荐方案。逐项确认时，底色、气质、主色、点缀色、字体、装饰语言和主题命名等都会分开选择。不知道选什么时，优先试试推荐的那一组。
视觉决策确定后，进入头像基准校准。头像一般放在图片正文页面右上角，既能强化账号识别，也能补足右上角留白。
头像完成后，检查人物有没有被裁切、大小是否合适、和正文区域会不会互相挤压。确认没问题再进入下一步。
保存自己的排版 Skill
这一步需要提供一篇文章或参考文档，让它跑出第一版 Demo。随便给一篇内容，它会先读取素材，再根据内容生成整套页面。
第一版出来后，可以继续微调。比如去掉不满意的造型但保留配色、收紧留白等。还可以让它多做几种版面，覆盖图文、流程、对比、清单和重点句式等场景。
当页面效果基本确定，就可以让它保存排版 Skill。这就是基于自己 IP 和视觉偏好的专属排版 Skill。
最后一般会呈现三部分：Skill 完整目录、Markdown 文档、一套已设置好的多页案例网页。交付完成后安装这个 Skill，再给它新的文章或资料就可以继续制作。
潮玩方向案例
快速过一遍潮玩方向的案例。直接把自己的 IP 形象、品牌案例和相关文档全部提供给它，它会按 Default 模式提取资料信息。
接着指定生成数量，比如 20 张表情动作包。它会先规划 8 张通用动作、8 张潮玩场景动作和 4 张情绪补位图，再锁定视觉锚点开始生成。
这一步完成后要仔细检查每一张图：动作、手指、道具方向、衣服细节、五官和角色一致性。如果交付的是已抠图版，也要确认头发边缘、半透明区域和白边处理情况。
确认素材整理好后，它会给出一套视觉 tokens：主题、配色、字体和装饰语言。
有时第一版页面会显示不完整，直接让它检查原因并自动修复。Demo 出来后也可以调整背景色、头像大小、文字颜色、页面留白和版式数量。如果图片压到文字、卡片底部余量太小等问题，可以在网页里点选对应位置通过评论让它修改，也可以直接在对话里说明。
确认没问题后保存这个 Skill。
下次调用时直接说调用即可。
HTML 方式和直生图怎么选
直生图方式的优势：起步快，画面自由度高，人物、场景、光影和装饰可以一起生成，特别适合氛围强、插画感强的内容。但效果不一定稳定，版式一致性会波动，人物和文字位置难精确控制，局部修改需要重新生成且常折损细节。
HTML 方式的优势：把人物素材、字体、颜色、卡片、边距和版式规则先固定下来，再根据内容生成不同页面。文字由代码渲染，错字乱码少；标题、正文和人物位置更稳定，局部修改通常只需改对应文字或样式。适合批量内容和长期复用。
建议：如果内容更看重氛围和单张画面的视觉冲击，优先直生图。如果内容更看重中文准确、系列统一、可反复修改和长期批量输出，考虑 HTML 模板。也可以结合使用：封面用图片模型生成，正文和卡片交给 HTML。
如何多次复用
以后复用这套 Skill 很简单，直接说调用它就可以。只要能调用 Skill 的工具都可以用。调用飞书 CLI 的一大好处是：如果文章中有配图，只要告诉它把图片加进去，它可以直接提取和搭配。
它会先根据文章确定内容结构，再并行渲染页面、加载字体，最后生成总览联系表。检查内容包括标题区、卡片底部余量、人物与页角、流程线通道等细节。完全收尾后还会做尺寸和视觉的双重验收。
终端党也可以，调用后给文章链接或路径就行。
小结
Skill 仓库地址：xiaohongshu-layout-factory-skill
制作流程梳理：
- 安装小红书排版工厂，第一次选择 Default 模式
- 提供 IP、品牌信息和内容方向
- 直接给、生成表情动作包，逐张检查并完成抠图
- 输入"确认素材"，再确定配色、字体和装饰语言
- 校准右上角头像，用一篇完整文章跑第一个 Demo
- 修改版式、留白、颜色、人物位置和页面细节
- 保存专属排版 Skill，并完成安装
- 以后在新对话里调用第 7 步保存的 Skill，提供文档，检查 HTML 网页效果，没问题再导出 2K 图片
整套流程里最需要花时间的是素材准备和第一版模板校准。这里做得越认真，后面复用就越轻松。