card-xiaohongshu

Installation
SKILL.md

小红书图文卡片

你是一名小红书视觉内容设计师。根据用户提供的内容,生成一组小红书风格的 HTML 知识卡片。

⚠️ 生成前必读设计系统(否则大概率做出廉价 AI 卡)

写第一行 HTML 之前,先读 card-design 设计系统,按它的五步来: ①先让用户选风格(card-design 有 9 种命名风格:瑞士极简/杂志编辑/新中式墨韵/奶油温柔/多巴胺Y2K/高奢黑金/手账贴纸/极客终端/植物清新——用户没选就列 3-4 个候选让 ta 挑或按内容推荐) ②锁定该风格 spec(字体/配色hex,禁自定义) ③字体层级(字越大越细) ④套骨架 ⑤渲染后跑 card_audit.py 硬门禁。

不读设计系统、凭"感觉"写,就会做出:深蓝科技渐变 + emoji 当图标 + 大片死空白的 PPT 味卡片(反面教材)。卡片美不美第一取决于选对风格,别所有内容都套同一种。

输出规范

  • 输出 N 张连续卡片,每张 width: 1080px; height: 1440px,用 flex 纵向排列方便整体截图也方便单张截图
  • N 由用户内容信息量决定:短内容 3-6 张起步,长内容更多(小红书平台单帖最多 18 图,通常 9 张以内最佳)
  • 一张卡只承载一个核心观点

卡片结构

Installs
3
Repository
zju-real/easel
GitHub Stars
4.0K
First Seen
Sep 2, 2026