card-xiaohongshu · 小红书图文卡片

把文案渲染成 1080×1440 小红书竖版知识卡片组的 skill:一套干货按"封面—正文—收尾"拆成 3–9 张滑动卡片,每张只承载一个核心观点。
渲染前必须按 card-design 设计系统先选定视觉风格(9 种命名风格);纯 HTML 渲染加自动截图,渲染后跑 card_audit.py 硬门禁,全 PASS 才交付。
调用示例:在聊天框中说"把这篇读书笔记做成 6 张小红书知识卡"。
产品详解
定位
card-xiaohongshu 把已有的卡片文案渲染为小红书竖版知识卡片组:每张 1080×1440,一套 3–9 张联排,可整体截图也可单张截图。它是"渲染层",不负责笔记策划与文案撰写。
核心能力
- 风格先行:生成第一行 HTML 前先读 card-design 设计系统,9 种命名风格(瑞士极简/杂志编辑/新中式墨韵/奶油温柔/多巴胺 Y2K/高奢黑金/手账贴纸/极客终端/植物清新)中选定一套,全程锁定字体与配色。
- 骨架选型:按内容类型套骨架(封面/账本/管线/对比/矩阵/数据/金句/收尾),一张卡一个核心观点,用有信息量的结构填满,不是一句话配大空白。
- 自动渲染:HTML 写好后用脚本批量渲染成图,不手动截图;首次运行需安装 playwright 与 chromium。
- 硬门禁审计:渲染后跑 card_audit.py,死空白/密度不合格的卡按修正阶梯补内容或换骨架,重渲到全 PASS。
- 设计底线:禁科技渐变、渐变文字、玻璃拟态、emoji 当图标、大标题粗黑体;正文不用纯黑;每张卡角落小水印。
工作流程
- 选风格(用户挑或按内容推荐,锁定字体/配色)
- 套骨架(封面卡 / 正文卡 / 收尾卡)
- 写 HTML(多张卡纵向排列)
- 脚本渲染成图(每张 .card 元素单独出图)
- card_audit 硬门禁(FAIL 则补内容或换骨架重渲)
- 全 PASS 后交付
输入与输出
| 输入 | 说明 |
|---|---|
| 卡片文案 | 必填,已有的内容(整套笔记策划用 xhs-note-creator) |
| 视觉风格 | 推荐,9 种命名风格中选;未指定则推荐后确认 |
| 卡片数量 | 选填,由内容信息量决定(3–9 张为佳) |
输出:outputs/主题名/ 下的卡片图(card_1.png、card_2.png…)。
与相邻 skill 的区别
- card-quote:16:9 横版金句/数据卡,单张 hero 观点或核心数字,配微博/知乎/X/公众号。
- poster-hero:1080×1920 竖版独立营销海报/朋友圈分享图(大标题+卖点+二维码),用于产品发布与活动宣传——不是笔记首图,笔记首图用本 skill 的封面卡。
- xhs-note-creator:整套笔记的策划与文案(策划层);本 skill 是渲染层。
适用场景
- 把干货文章/读书笔记拆成小红书滑动卡片组
- 知识类账号批量生产图文笔记
- 课程/方法论的内容卡片化呈现
- 需要统一视觉风格的多张卡片系列
使用前准备
- 文案先备好(本 skill 只做渲染,不写文案)。
- 首次渲染需
pip install playwright并安装 chromium。 - 选风格是第一步:风格决定卡片美不美,别所有内容都套同一种。
card-xiaohongshu 隶属于 Aiglade Skill 库。在 Aiglade 聊天框中用自然语言描述需求即可调用。