小红书图文创作（xhs-html-creator）

核心能力

输入主题 → 读素材库 → 生成全套HTML → AI专家review（两轮）→ 用户确认 → 交付图片

六步标准流程

第一步：确认方向

• 用户说什么主题、什么风格
• 主代理确认：内容范围、页面数量、发布平台
• 这个skill不爬数据，数据从素材库读（调用xhs-material-collector）
• 起点确认：问用户从哪里开始
  • 空白新建：根据主题和风格偏好从零创作
  • 参考模板：从模板库选一个模板为基础（notion_v2 / baoyu_v2 / hospitalNEW / memo）
  • 基于旧版本：提供旧HTML文件路径，在此基础上重写

第二步：生成全套HTML

• 根据素材库分析结果 + 用户需求写全套HTML
• 每次改版必须从零重写整个文件，禁止find-replace
• 同时启动HTTP服务，用playwright截图
• 截图脚本：output/screenshot.py
• 把截图发到用户飞书（用feishu_image.py）

第三步：专家第一轮review

• 主代理用image工具把全套图发给AI专家，用户不参与
• 必须问完整的5个问题：
  1. 字号够不够大？文字是否一眼可见？
  2. 布局单调不单调？
  3. 封面点击欲够不够？
  4. 手机阅读体验好不好？
  5. 行动号召明不明显？
• 专家给意见后，主代理记录问题

第四步：按专家意见重写

• 从零重写全套HTML，不是find-replace，是整套重写
• 修完再截图，再发给用户

第五步：专家第二轮review

• 同样用image工具发专家
• 专家确认问题是否已修复

第六步：用户最终确认

• 专家说可以 → 发给用户确认
• 用户说行 → 交付

迭代规则（最多2轮review）

致命问题：内容被遮挡/截断/Tip框挡物品/底部CTA挡文字 → 必须修 次要问题：间距略松/颜色略淡/缺乏呼吸感 → 可保留交付

旧版本文件清理规则

每轮迭代完成后，清理上一轮的非最终文件：

• 保留：output/ 目录下最新一版全套HTML
• 删除：所有旧版本HTML（如 daishengbao_v2.html 升级到 v3 后删 v2）
• 不删：模板库 templates/ 下的历史模板（只读存档）
• 交付后：只保留最终版到 output/

专家review标准prompt

5个基本问题（每次必问）

请以小红书图文运营专家身份，检查这组图文：
1. 字号够不够大？文字是否一眼可见？
2. 布局单调不单调？
3. 封面点击欲够不够？
4. 手机阅读体验好不好？
5. 行动号召明不明显？

孕产类内容专用prompt（合规检查）

请以小红书图文运营专家的身份，帮我优化这组待产包图文：
1. 指出视觉、排版，信息密度问题！文字一定要清晰且够大，肉眼一眼可见
2. 优化标题、封面文案，内页文案！
3. 补充孕产类内容的合规注意事项（严禁医疗术语、避免制造焦虑）
4. 给出可直接修改的具体建议，不要空泛
5. 结合爆款逻辑，提供对应建议！

HTML排版原则（必须遵守）

布局原则

• 内容区用 position:absolute，按 top/left/right 定位
• 分类标签用普通流式布局（display:block/inline-block），不用 position:absolute
• 禁止用绝对定位把元素叠加在内容上（tip框浮在内容上是常见错误）

间距原则

• 每项之间留足够间距（12-14px），不要密不透风
• tip框必须放在所有内容下方，不能浮在内容上
• 1080×1350px 固定尺寸，内容必须在此范围内完整显示

字号原则

• 物品名：30-38px，加粗
• 描述文字：20-24px，颜色用深灰或黑色（不用浅灰，对比度要够）
• 标题：64px 加粗
• 底线：宁大勿小，肉眼一眼可见

拆页原则

• 一页12项是极限，超过就拆
• 内容多的分类拆成2页，每页不超过8项
• tip框永远放页面最底部，不挡内容
• 宁可多拆一页，不要内容重叠

禁止事项

• 禁止医疗术语（如"肚脐贴"→"脐部护理类（听医嘱）"）
• 禁止一套HTML用find-replace改，要从零重写每个文件

合规红线

• 禁用医疗术语：肚脐贴、收腹带（改为"遵医嘱"）、产妇卫生巾（改为"透气卫生巾"）
• 避免："一定会"、"必须"、"保证"等绝对化用语
• 避免：制造焦虑的文案（如"不准备就后悔"）

页面结构规范

标准7页结构（待产包为例）

1. 封面 — 精简入口，标题醒目
2. 证件篇 — 5项
3. 宝宝1 — 衣物类4项
4. 宝宝2 — 喂养类4项+护理类
5. 妈妈1 — 衣物+护理（各4项）
6. 妈妈2 — 喂养+日用
7. 结尾页 — 打包技巧+互动引导+CTA+话题标签

每页必须有的元素

• 顶部标题栏（色块+大字标题）
• 页码标注
• 分类标签（流式，不挡内容）
• 物品卡片（序号+名称+描述+数量）
• 底部tip框（可选，必须在所有内容下方）

结尾页特殊要求

• 打包技巧3条
• 互动引导（评论区问题）
• CTA按钮（醒目颜色）
• 话题标签（黑底白字，清晰可见）
• CTA在上，互动引导在中，标签在下，不要重叠

文件位置

skills/xhs-html-creator/
├── SKILL.md
├── output/
│   ├── shots/           ← 截图输出
│   ├── daishengbao_cover_v3.html
│   ├── daishengbao_doc_v3.html
│   └── ...
├── templates/           ← 4个确认模板（模板库位置固定）
└── scripts/

HTML规范（各模板通用标准）