Xiaohongshu Card Carousel
Turns your content into swipeable Xiaohongshu-style knowledge-card carousels in HTML.
- Repository
- nexu-io/open-design
- Stars
- 105,448
- Licence
- Apache-2.0
- Files
- 3 files
What it does
This skill gives an AI agent a layout template for making Xiaohongshu (Little Red Book), a popular Chinese social platform, style posts. Instead of a plain text reply, the agent produces a series of tall 1080x1440 cards: a cover with a bold title and hook, several body cards each covering one idea with emoji, short sentences and examples, and a closing card with a call to action such as follow, save or comment. The cards are arranged so they can be screenshotted individually or together. The skill also suggests soft Morandi or pastel colours, large type and a small author or date watermark.
Great for
- Creators preparing knowledge-sharing posts for Xiaohongshu or WeChat Moments
- Marketers who want a consistent multi-card visual format for a Chinese-language audience
- Anyone who wants a quick first-draft carousel layout they can refine by hand
Skip it if
- Users who need a finished, publication-ready design without review, since the output is generated HTML and may need adjustment for text fit and brand accuracy
- Situations where the content contains unverified facts or data, because the skill asks for real data but does not check it
- Teams needing a non-Chinese or non-Xiaohongshu visual style, as the template is specific to that platform's look
Try asking
- “Turn my notes on five AI productivity habits into a 7-card Xiaohongshu carousel.”
- “Make a swipeable knowledge-card series summarising this article, with a cover and a call-to-action ending.”
- “Create a 1080x1440 Xiaohongshu-style card set in soft pastel colours for my travel tips.”
Install in 3 steps
- 1
Download the skill
The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.
card-xiaohongshu.zip - 2
Add it to your agent
Claude Code (all projects)
mkdir -p ~/.claude/skills && unzip card-xiaohongshu.zip -d ~/.claude/skills/Claude Code / Agent SDK (this project only)
mkdir -p .claude/skills && unzip card-xiaohongshu.zip -d .claude/skills/Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.
- 3
Ask for the task
No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.
Get better results
- Give the agent clear source content and real facts, since the template asks for examples and data and it may otherwise invent them.
- Ask for a specific number of cards (for example 7) if you need a set length, because the template only suggests a range.
- Check the watermark, author name and any claims in the final HTML before posting publicly.
What's inside
- example.html
- open-design.json
- SKILL.md
Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.