9 页 3:4 竖版图文, 暖 pastel + 虚线 sticker 卡片
card-xiaohongshu
card-xiaohongshu is an open-source frontend skill for Claude Code and compatible agents, published by nexu-io. Its author describes it as: “小红书风格知识卡片, 多张联排可滑动浏览”. The project has 8.3k stars on GitHub and is available under the Apache-2.0 license. Add it to your setup with `git clone https://github.com/nexu-io/html-anything ~/.claude/skills/card-xiaohongshu`.
What card-xiaohongshu does
【模板: 小红书图文卡片】 - 输出 N 张连续卡片, 每张 `w-[1080px] h-[1440px]`, 用 flex 纵向排列方便整体截图也方便单张截图。N 由【用户内容】信息量决定: 短内容 3-6 张起步, 长内容应更多 (小红书平台单帖最多 18 图, 通常 9 张以内最佳); 一张卡只承载一个核心观点。 - 第一张是封面: 巨大的标题 + 1 行副标题 + 一个吸引人的标签 (类似 "干货预警" / "建议收藏")。 - 中间几张展开正文, 每张一个核心观点, 配 emoji + 短句 + 1-2 个例子。 - 最后一张是总结 + 行动号召 (关注 / 收藏 / 评论)。 - 配色: 选择柔和的莫兰迪色或粉色系; 元素圆润, 大量留白。 - 字号大、行距宽、对比强(小红书在手机上看, 小字根本看不清)。 - 每张卡片右下角小水印 (作者名 / 日期)。
Installation
Add card-xiaohongshu to your agent with:
git clone https://github.com/nexu-io/html-anything ~/.claude/skills/card-xiaohongshu Always review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
When to use it
Reach for card-xiaohongshu when you want frontend help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear Apache-2.0 license — safe to read and adapt
- Ships in nexu-io/html-anything, an established project with 8,336 GitHub stars
- Actively maintained (recent commits)
Things to check
- Sparse description in metadata — read the repository for full details
Topics
Frequently asked questions
- What does card-xiaohongshu do?
- 小红书风格知识卡片, 多张联排可滑动浏览
- How do I install card-xiaohongshu?
- Run git clone https://github.com/nexu-io/html-anything ~/.claude/skills/card-xiaohongshu in your agent, then reload your skills. Review the source at https://github.com/nexu-io/html-anything before installing.
- Is card-xiaohongshu free to use?
- Yes. card-xiaohongshu is free and open source under the Apache-2.0 license, so you can read, run, and adapt it within that license's terms.
- Where does card-xiaohongshu come from?
- card-xiaohongshu ships inside nexu-io/html-anything, a repository that contains 41 catalogued skills in total. The repository's 8,336 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Frontend →奶油底 + 柔光 blob + 马卡龙圆角卡片 + Playfair 斜体序号
杂志感长文, 含 masthead、hero、figures、pull quote、作者署名
推特金句 / 数据卡, 适合配推文
固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图