xhs-card-generator

name	xhs-card-generator
description	小红书图文卡片自动生成器。将文章/观点/数据转换成高质量小红书图文笔记（1080×1440，3:4比例）。 使用场景：(1) 将长文/阅读笔记改写成小红书风格并生成配图 (2) 根据热点话题从零创作小红书内容 (3) 批量生成系列图文卡片。 触发词：小红书、xhs、图文卡片、生成配图、小红书内容、自媒体内容

小红书图文卡片生成器

将内容拆解成 JSON 数据，用 Puppeteer 渲染 HTML 模板截图生成 1080×1440 PNG 图片。

快速使用

cd ~/.openclaw/workspace/skills/xhs-card-generator
npm install
node scripts/generate.js assets/examples/agent-memory.json ~/Desktop/小红书内容/测试/

完整工作流程

1. 选题 → 用户指定话题或给一篇文章
2. 调研 → 搜小红书相关话题，分析热门笔记的标题/封面/结构
3. 写文章/改写 → 小红书风格：短句、情绪标题、信息密度高
4. 拆解 JSON → 将内容拆成 6-10 张卡片，每张选类型
5. 生成图片 → node scripts/generate.js <json> <output-dir>
6. 写文案 → 小红书正文放到同目录下 文案.txt
7. 输出 → ~/Desktop/小红书内容/小红书-xxx/（图片+文案）

7 种卡片模板

类型	用途	关键字段
cover	封面 — 黑底大标题，一眼抓住人	category, title, subtitle, cornerBadge, author, date, tags
point	观点页 — 正文+高亮卡+额外卡+标签	number, title, content, highlightLabel, highlightText, extraLabel, extraText, tags, footerNote
data	数据页 — 超大数字居中+三栏卡片+洞察	sectionTitle, number, label, details[{name,desc}], insightLabel, insightText, source
list	列表页 — 圈号要点+副标题	title, subtitle, items[{text,sub}], bottomNote
compare	对比页 — 左红右绿对决+结论卡	title, leftLabel, leftValue, rightLabel, rightValue, gridItems, verdict, note, pageNum
quote	引用页 — 居中名言+破折号来源	quote, source, contextText
cta	关注页 — 深色卡片+统计卡+关注按钮	emoji, title, subtitle, stats[{value,label}], hashtags

设计原则

基于小红书高赞笔记分析总结（实测迭代 v1→v6）：

封面（cover）

• 黑底，信息流里更抢眼
• 标题 80px+ 占满画面，是绝对主角
• 副标题一句话概括核心卖点
• 不要放细节要点，那是内页的事

观点页（point）

• 白卡片浮在米色底上，带阴影
• 序号和标题同行（省空间）
• 正文 + 高亮卡 + 额外卡 = 3/4 画面
• 标签 + 注释吸底

数据页（data）

• 黑底，视觉锚点
• 超大数字居中，上下对称
• 三栏细节卡片 + 洞察金句，撑满画面

引用页（quote）

• 引用文字上下居中，44px 加粗
• 来源用 —— 破折号引出
• 底部一行小字补充"为什么重要"

对比页（compare）

• 左红右绿正反对决（❌ vs ✅）
• 中间补充卡片
• 黑色结论卡做收尾
• 红色左边框注释

通用

• 每张 1080×1440（3:4 小红书最优比例）
• 米色纹理底 #f0ece4 + 白色圆角卡片 #fff
• 不要居中留白，背景铺满整张图
• 内容撑满 3/4+ 画面，不留大片空白

JSON 数据格式

{
  "cards": [
    {
      "type": "cover",
      "category": "技术拆解",
      "title": "标题（\\n换行）",
      "subtitle": "副标题",
      "cornerBadge": "AI",
      "author": "作者",
      "date": "2026.04",
      "tags": ["标签1", "标签2"]
    },
    {
      "type": "point",
      "number": "1",
      "title": "观点标题",
      "content": "正文，支持\\n换行",
      "highlightLabel": "核心洞察",
      "highlightText": "高亮内容",
      "extraLabel": "补充说明",
      "extraText": "额外信息",
      "tags": ["标签"],
      "footerNote": "底部注释"
    },
    {
      "type": "data",
      "sectionTitle": "标签",
      "number": "87%",
      "label": "说明",
      "details": [
        { "name": "名称", "desc": "描述" }
      ],
      "insightLabel": "洞察",
      "insightText": "金句",
      "source": "来源"
    },
    {
      "type": "list",
      "title": "标题",
      "subtitle": "副标题",
      "items": [
        { "text": "要点", "sub": "展开说明" }
      ],
      "bottomNote": "底部注释"
    },
    {
      "type": "compare",
      "title": "对比标题",
      "leftLabel": "方案A",
      "leftValue": "描述",
      "rightLabel": "方案B",
      "rightValue": "描述",
      "gridItems": [
        { "label": "补充", "value": "说明" }
      ],
      "verdict": "结论",
      "note": "注释",
      "pageNum": "05"
    },
    {
      "type": "quote",
      "quote": "名言内容",
      "source": "来源（自动加——）",
      "contextText": "为什么重要"
    },
    {
      "type": "cta",
      "emoji": "🔍",
      "title": "关注标题",
      "subtitle": "副标题",
      "stats": [
        { "value": "每天", "label": "更新频率" }
      ],
      "hashtags": "#标签1 #标签2"
    }
  ]
}

输出规范

• 路径：~/Desktop/小红书内容/小红书-{标题关键词}/
• 文件：01_cover.png ~ NN_xxx.png + 文案.txt
• 尺寸：1080×1440（3:4）
• 格式：PNG

依赖

cd ~/.openclaw/workspace/skills/xhs-card-generator
npm install puppeteer-core

需要 Chrome：/Applications/Google Chrome.app/Contents/MacOS/Google Chrome

文案模板

小红书正文结构：

标题钩子（情绪/冲突/数字）

一段故事开头（制造共鸣）

核心冲突（两个极端对比）

📌 这篇讲了什么：
① 要点1
② 要点2
③ 要点3
...

💡 核心洞察：一句话金句

评论区互动引导

#标签1 #标签2 #标签3