Skip to content
Get packs

Xiaohongshu Card

Turns your content into a set of swipeable 1080×1440 Xiaohongshu-style knowledge cards

Source Download skill
Repository
nexu-io/html-anything
Stars
9,376
Licence
Apache-2.0
Files
3 files

What it does

Once installed, the agent formats your content as a series of tall, phone-friendly slides in the style popular on Xiaohongshu (RED), a Chinese lifestyle and social platform. It decides how many cards to make based on how much information you give it, puts a bold title and tag on the cover, spreads one idea per card with emoji and short sentences, and ends with a call to action such as follow, save or comment. The output is HTML-based, so each card can be screenshotted or viewed together as a carousel.

Great for

  • Creators who post carousel-style tips on Xiaohongshu or similar social apps
  • Marketers who need quick, branded-looking infographic slides from a text outline
  • Anyone who wants a soft, pastel visual style for educational posts

Skip it if

  • Users who need strict brand, legal or medical claims checked, since the template only shapes layout and copy style and does not verify facts
  • Users who need output for platforms with different sizes or rules, because the template is tuned to 1080×1440 and Xiaohongshu conventions

Try asking

  • “Turn these 5 tips about using AI tools daily into a 7-card Xiaohongshu carousel”
  • “Make a save-worthy cover and summary cards for my note on home workout routines”
  • “Create a pastel Morandi-colored card set explaining budgeting basics for beginners”
Step-by-step guide: how to use Xiaohongshu CardInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.

    card-xiaohongshu.zip
  2. 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. 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 a clear outline with the key points; it will map roughly one idea to each card.
  • Ask for a specific card count (for example 9 cards) if you want to control length; the template suggests 9 or fewer is usually best on the platform.
  • Screenshot each HTML card at 1080×1440 to upload, and check text size on a phone before posting.

What's inside

  • example.html
  • example.md
  • SKILL.md

Redistributed unmodified from nexu-io/html-anything 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.