card-xiaohongshu

小红书风格知识卡片, 多张联排可滑动浏览

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

Overview

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

Review a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.

Supported agents

License

card-xiaohongshu is published under the Apache-2.0 license.

Strengths

  • Clear Apache-2.0 license — safe to read and adapt within its terms
  • Ships in nexu-io/html-anything, an established project with 8,336 GitHub stars
  • Works with Claude Code
  • Actively maintained — repository updated in the last 90 days

Things to check

  • Sparse description in metadata — read the repository for full details

Author

nexu-io 102 skills in the catalog · GitHub profile ↗
View skills

Topics

Alternatives to card-xiaohongshu

Similar skills from other repositories:

Need a skill like this, tailored to your team?Build a custom skill →

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.
Which agents does card-xiaohongshu work with?
card-xiaohongshu lists Claude Code — named in its SKILL.md, its plugin marketplace or its repository topics. Skills use the portable SKILL.md format, so other agents that read that format may load it too.
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.

9 页 3:4 竖版图文, 暖 pastel + 虚线 sticker 卡片

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

奶油底 + 柔光 blob + 马卡龙圆角卡片 + Playfair 斜体序号

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

推特金句 / 数据卡, 适合配推文

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free