技能概述
小紅書图文（XHS Post）係一个小紅書 / Instagram 风格嘅 9 页 3:4 竖版图文 HTML PPT 技能。分辨率 810×1080，采用暖色 pastel 配色、虚线 sticker 卡片、底部页码点点设计。适用于发小紅書图文、Instagram carousel、品牌种草内容等社交媒体营销场景。
觸發關鍵字
- 小紅書、xhs、xhs post、xiaohongshu
- 图文、instagram carousel、种草
- 社交媒体图文、carousel
什麼時候用
- 要做小紅書图文笔记
- Instagram carousel 帖子
- 品牌种草内容
- 社交媒体竖版图文
- 需要 3:4 竖版格式嘅内容
使用方法
自然語言觸發
帮我用 html-ppt-xhs-post 模板做一组 9 张小紅書图文
工作流程
- 确认主题 — 小紅書图文主题
- 内容规划 — 封面 + 7 页内容 + 结尾 CTA，每页一句标题 + 一段正文 + 关键词 sticker
- 复制模板 — 从
xhs-post/复制index.html和style.css，保留.tpl-xhs-postbody class - 处理共享运行时 — 替换
../../../assets/...为项目本地路径或内联 - 替换内容 — 保留结构 class，填入实际内容
- 3:4 竖版 810×1080 — 模板已预设竖版尺寸
設計特色
| 元素 | 说明 |
|---|---|
| 3:4 竖版 | 810×1080，完美适配小紅書 |
| 暖色 pastel | 温暖、柔和嘅配色方案 |
| 虚线 sticker 卡片 | 手写风格贴纸卡片，增加趣味性 |
| 底部页码点点 | 小紅書风格嘅页码指示 |
| 9 页标准结构 | 封面 → 7 内容页 → CTA 结尾 |
實際例子
例子 1：小紅書图文
用户：「帮我用 html-ppt-xhs-post 模板做一组 9 张小紅書图文（3:4 竖版，810×1080）。」
确认主题后，生成封面 + 7 页内容 + 结尾 CTA，每页一句标题 + 一段正文 + 关键词 sticker。
例子 2：品牌种草
用户：「做一个小紅書种草图文。」
生成暖色 pastel 风格嘅 9 页图文，适合直接发到小紅書。
注意事項
- 必须处理
../../../assets/...路径 - 3:4 竖版 810×1080 係标准尺寸，唔好随意改
- 逐字稿放
<aside class="notes">