card-xiaohongshu

by nexu-io 8.3k Apache-2.0 Updated Aug 18, 2026
card-xiaohongshu skill by nexu-io
Social preview for nexu-io/html-anything

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

xhs小红书carousel图文agent-skillsagenticai-agentsai-designai-editorbyokclaudeclaude-codeclaude-skillscoding-agentsgenerative-aihtmlhtml-editorhyperframeslocal-firstmarkdown

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 →