Skill6.7k repo starsupdated 11d ago

card-xiaohongshu

The card-xiaohongshu skill generates a series of vertically stacked image cards styled like Xiaohongshu (Little Red Book) posts, designed for mobile viewing and social media sharing. Use this skill when creating educational or lifestyle content that requires multiple visual slides with large readable typography, soft color palettes, and minimal design elements, typically producing 3-18 cards depending on content length with one core idea per card.

View source Repository: html-anything

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/card-xiaohongshu && cp -r /tmp/card-xiaohongshu/next/src/lib/templates/skills/card-xiaohongshu ~/.claude/skills/card-xiaohongshu

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

【模板: 小红书图文卡片】
- 输出 N 张连续卡片, 每张 `w-[1080px] h-[1440px]`, 用 flex 纵向排列方便整体截图也方便单张截图。N 由【用户内容】信息量决定: 短内容 3-6 张起步, 长内容应更多 (小红书平台单帖最多 18 图, 通常 9 张以内最佳); 一张卡只承载一个核心观点。
- 第一张是封面: 巨大的标题 + 1 行副标题 + 一个吸引人的标签 (类似 "干货预警" / "建议收藏")。
- 中间几张展开正文, 每张一个核心观点, 配 emoji + 短句 + 1-2 个例子。
- 最后一张是总结 + 行动号召 (关注 / 收藏 / 评论)。
- 配色: 选择柔和的莫兰迪色或粉色系; 元素圆润, 大量留白。
- 字号大、行距宽、对比强（小红书在手机上看, 小字根本看不清）。
- 每张卡片右下角小水印 (作者名 / 日期)。