card-xiaohongshu
Helps your agent make Xiaohongshu-style knowledge cards. It's useful for creating card sequences people can swipe through.
What it does
Creates a set of visual cards, similar to those found on the Xiaohongshu app, to present information in an organized and attractive way. It functions like a swipeable carousel.
When to use it
- ✓To share quick tips about a hobby.
- ✓To explain a simple concept in steps.
- ✓To visually introduce a product or service.
Example of what to ask your AI
“Create a card carousel about how to care for indoor plants.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The AI organizes your information into multiple 'pages' (cards). The first page is a cover with a catchy title. Subsequent pages explain each point with text and emojis. The last page summarizes everything and suggests an action.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add nexu-io/open-design --skill card-xiaohongshuOr download just the file:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/plugins/_official/examples/card-xiaohongshu/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
【模板: 小红书图文卡片】
- 输出 N 张连续卡片, 每张
w-[1080px] h-[1440px], 用 flex 纵向排列方便整体截图也方便单张截图。N 由【用户内容】信息量决定: 短内容 3-6 张起步, 长内容应更多 (小红书平台单帖最多 18 图, 通常 9 张以内最佳); 一张卡只承载一个核心观点。 - 第一张是封面: 巨大的标题 + 1 行副标题 + 一个吸引人的标签 (类似 "干货预警" / "建议收藏")。
- 中间几张展开正文, 每张一个核心观点, 配 emoji + 短句 + 1-2 个例子。
- 最后一张是总结 + 行动号召 (关注 / 收藏 / 评论)。
- 配色: 选择柔和的莫兰迪色或粉色系; 元素圆润, 大量留白。
- 字号大、行距宽、对比强（小红书在手机上看, 小字根本看不清）。
- 每张卡片右下角小水印 (作者名 / 日期)。
FAQ
How many cards does the AI create?
It depends on the amount of information you provide. For less information, it creates 3 to 6 cards. For more information, it creates more, but usually up to 9 cards is ideal.
What are the colors and visual style like?
The colors are soft (pastel or pink tones) and the elements are rounded. There's plenty of white space for easy reading, with large, spaced-out text.
What goes on the last card?
The last card is used to summarize the content and encourage the reader to take an action, such as following you, saving the post, or commenting.
Details
Original description by the author
Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
repo: nexu-io/open-design
Popularity
- GitHub stars
- 101k
- Ranking position
- #533
- License
- Apache-2.0
- Updated
- 10/16/2026
Comments
- …
More skills from this repository
sample-plugin
Makes your agent create a metadata file for tests. It helps ensure code works correctly in different situations.
nexu-io/open-design
aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
audio-jingle
Makes your agent generate audio like jingles and sound effects. It can create music and voices, saving the result as an audio file.
nexu-io/open-design
blog-post
Helps your agent write long articles or blog posts. It includes space for images, quotes, and author information.
nexu-io/open-design
Similar skills
accessibility
Helps your agent create interfaces that everyone can use. Ensures websites and apps work well for people with disabilities, like those who are blind or have reduced mobility.
affaan-m/ECC
design-system
Helps your agent create a design system from existing code. It extracts visual information and checks for consistency, generating a report and an interactive preview.
affaan-m/ECC
liquid-glass-design
Helps your agent create iOS user interfaces with a 'Liquid Glass' effect. Allows adding dynamic and interactive visual effects in SwiftUI and UIKit.
affaan-m/ECC