Back to Skills

card-xiaohongshu

Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.

82,276stars9,518forksUpdated 7/29/2026

Security Assessment

Safe(96/100)
Security Score96/100

About card-xiaohongshu

card-xiaohongshu is a visual template skill from the Open Design collection that turns arbitrary user content into a Xiaohongshu (Little Red Book / RED) style set of knowledge cards. It solves the problem of quickly producing on-brand, screenshot-ready social graphics: instead of hand-designing each slide, the skill emits a series of fixed-size cards (each 1080x1440, a 3:4 aspect ratio) laid out vertically with flex so the whole set or any single card can be captured cleanly for posting to Xiaohongshu or WeChat Moments.

The template prescribes a concrete carousel structure. The first card is a cover with an oversized title, a one-line subtitle, and an attention-grabbing badge (such as "must save" or "heads up"). The middle cards each carry a single core idea paired with an emoji, a short sentence, and one or two examples, and the final card is a summary plus a call to action (follow, save, comment). The number of cards scales with content volume, from roughly 3-6 for short material up to the platform's practical ceiling, and the visual guidance favors soft Morandi or pink palettes, rounded elements, generous whitespace, large type, wide line spacing, and a small author/date watermark in each card's corner. A worked example (a 7-card set on AI-tool habits) ships alongside the SKILL.md.

The intended users are content creators, marketers, and knowledge-sharers who publish to Xiaohongshu and similar mobile-first Chinese social platforms and want polished, consistent card carousels from their own notes or drafts. It is best suited to marketing and educational "tips" content where readability on a phone screen matters.

FAQ

What output does this skill produce?

A set of vertically stacked HTML cards, each sized 1080x1440 (3:4), arranged so you can screenshot the whole carousel or individual cards for posting.

How many cards will it generate?

The count depends on your content: short content starts at 3-6 cards and longer content uses more, with the guidance noting Xiaohongshu allows up to 18 images per post and that around 9 or fewer usually works best.

What visual style does it follow?

Soft Morandi or pink color schemes, rounded elements, lots of whitespace, large fonts with wide line spacing and strong contrast, plus a small author/date watermark in each card's corner.

Is it aimed at a particular platform?

Yes, it targets Xiaohongshu (RED) and similar mobile-first sharing (also usable for WeChat Moments). The design choices are optimized for reading small cards on a phone.

Does it fill in placeholder text?

No. The template's guidance and example prompt call for using real content and data and explicitly avoiding lorem ipsum or placeholder images while preserving the template's visual signature.

All Files

3 files
example.html5.1 KB
View
example.md0.5 KB
View
SKILL.md1.6 KB
View

Install card-xiaohongshu

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill