| name | rednote-cover |
| description | 小红书封面图生成 — 根据标题生成3:4竖版封面PNG,含设计原则和打分体系 |
| triggers | ["做封面","生成封面","小红书封面"] |
RedNote Cover
小红书封面图生成模块。根据标题生成封面图(3:4 竖版,1080×1440px)。
输入: 标题文本
输出: ~/.hermes/research/imgs/Cover.png
封面设计的5个核心原则(必须同时满足)
① 3秒读懂(最重要)
用户滑过去0.5秒内必须知道这条内容是干嘛的。
✅ 正确封面:一句话懂
❌ 错误封面
② 必须有"冲突/反差"
没有冲突 = 没人点。
这个题材的冲突:
- 玄学(八字) × 理性(MBTI) × AI
- 不用做题 × 直接算(对比)
- AI × 算命(反差)
③ 只放1个核心卖点
封面不是讲完整逻辑的,只能选一个主打。
✅ 推荐选:不用做题
❌ 错误:把所有卖点都放
不用做题
AI算八字
MBTI人格分析
评论我帮你看
太多 = 全部失效
④ 层级清晰(视觉权重)
必须有:
推荐结构:
主标题(最大):不用做题
副标题:八字看MBTI
角标(小字):AI在算 / OpenClaw
⑤ "像内容,不像广告"
❌ 广告感:技术名词太多、句子太完整(像宣传语)
✅ 内容感:短句、留白、有点"随意感"
封面打分维度(7维评分法,满分10)
| 维度 | 问自己 | 判断标准 |
|---|
| ① 钩子 | 有没有让人停的点? | 不用做题 ✅ 八字看MBTI ✅ |
| ② 信息密度 | 是否一眼知道内容是什么? | 八字+MBTI ✔ 是否过多 ❌ |
| ③ 冲突感 | 有没有"这俩怎么在一起"? | 八字 vs MBTI ✔ AI vs 玄学 ✔ |
| ④ 可读性 | 0.5秒能不能读完? | 字数少、分行清晰 ✅ |
| ⑤ 层级 | 有没有重点? | 哪行最大?有无次级信息? |
| ⑥ 门槛感 | 普通人看得懂吗? | 有无术语/劝退词 |
| ⑦ 点击欲 | "我会不会点?" | 主观,但最关键 |
封面4层结构(必须按此层级)
封面分4层,每层有固定角色:
| 层级 | 角色 | 内容要求 |
|---|
| 第一层 | 引子(弱化) | 只起铺垫作用,不要抢戏 |
| 第二层 | 核心(最炸) | 用户真正关心的答案 |
| 第三层 | 目标(悬念) | 制造"我想知道" |
| 第四层 | 转化(引导) | 让用户行动 |
各层详细规范
第一层:引子
- 内容:铺垫信息(不抢戏)
- 字号:90–100px
- 颜色:#1E1B4B(深色)
- 字重:Medium/Semibold(不要太粗)
- 目的:只是铺垫,引导视线向下
第二层:核心(必须最炸)
- 内容:用户真正想要的答案
- 高亮规则:只高亮一个字(制造认知冲突点)
- 高亮字颜色:#E55C00(深橙,突出但不刺眼)
- 非高亮字:#1E1B4B(深色)
- 字号:120–135px
第三层:目标(制造悬念)
- 内容:用户最关心的问题
- 字号:130–165px(比第二层更大或相当)
- 颜色:#1E1B4B(深色)
- 字距:+5–10%(轻微拉开,制造停顿感)
- 问号「?」很重要(增加悬念)
第四层:转化引导
- 内容:直接说能帮用户做什么
- 字号:48–58px(小但清晰)
- 颜色:#6D28D9(偏深紫,不要太浅会糊)
- 位置:贴近第三层下方或右下
- 箭头「→」保留(引导视线)
配色速查
| 用途 | 颜色 |
|---|
| 主钩子 | #F97316(亮橙) |
| 高亮字(深橙) | #E55C00 |
| 正文文字 | #1E1B4B |
| 转化按钮 | #6D28D9 |
| 背景 | #E8F4FC |
标准高分模板(迭代验证版)
⭐ 最终推荐版(内容感强)
八字能算出(小/深色/引子)
你的MBTI?(大/你的=橙高亮/有?)
评论区我帮你算 →(紫/转化)
⭐ 推荐HTML结构
<div class="center">
<div class="title-block">
<div class="line l1">八字能算出</div>
<div class="line l2">你的MBTI?</div>
<div class="tag">评论区我帮你算 →</div>
</div>
</div>
⭐ 自检三问(每次做完必问)
- 我滑过去会停吗?(钩子)
- 我知道这讲啥吗?(信息密度)
- 我会不会想点进去试试?(点击欲)
三个"是",就能打。
这条内容的封面目标
👉 不是展示AI
👉 不是展示OpenClaw
👉 是让人产生一个念头:"我也想试一下"
最关键一句话
封面不是让人理解,是让人点。
自检方法(做完封面后必问)
- 我滑过去会停吗?
- 我知道这讲啥吗?
- 我会不会想点进去试试?
👉 三个"是",就能打。
设计规范
尺寸
- 竖版 3:4(1080 × 1440px)
- 渲染命令:
node scripts/render_html_to_png.js <input.html> <output.png> 1080 1440
配色方案(已验证最佳)
- 背景:#E8F4FC(几乎白色的浅钴蓝)
- 正文:#1e1b4b(深色)
- 高亮:#f97316(橙色),无下划线
- 全文不超过 2 种颜色
字体(已验证可渲染)
font-family: 'WenQuanYi Zen Hei', 'WenQuanYi Zen Hei Sharp', 'DejaVu Sans', sans-serif;
-webkit-font-smoothing: antialiased;
字间距(正值,拉开间距)
- 主标题:letter-spacing: 4px
- 副标题:letter-spacing: 3px
点击预告(可选)
- 标题下方,margin-top ≥ 54px
- 深色 #1e1b4b,FontWeight 900,≥ 64px
- 箭头用 → 而非 ↓
禁止在封面出现
- 任何数据列表
- 多个 pill 标签并排
- 功能点列表
- 第四行正文以上的任何文字
- 词断开:每个词完整在一行里
- 颜色过多:金色、红色、绿色等禁止
- 顶栏/底栏黑边色块(去掉)
渲染命令
SKILL_DIR="$HOME/.hermes/skills/rednote-skills/rednote-cover"
OUT_DIR="$HOME/.hermes/research/imgs"
mkdir -p "$OUT_DIR"
node "$SKILL_DIR/scripts/render_html_to_png.js" \
"/tmp/cover.html" \
"$OUT_DIR/Cover.png" 1080 1440
必须验证文件:
ls -lh $OUT_DIR/
交付格式
**封面**
MEDIA:/path/to/Cover.png
注意事项
- 封面只放标题 + 点击预告,居中,不放其他元素
- 渲染前检查 HTML 中变量是否都已替换完毕
- 输出目录统一用
~/.hermes/research/imgs/
- 做完封面后用自检三问验证