From xiaohongshu-complete-skills
Guides design of eye-catching Xiaohongshu post thumbnails and cover images with hook text, visuals, color strategies, and A/B testing to boost click-through rates.
npx claudepluginhub vivy-yi/xiaohongshu-skills --plugin xiaohongshu-complete-skillsThis skill uses the workspace's default tool permissions.
Cover design is creating compelling first images (thumbnails) that grab attention in feed, entice users to click, and set expectations for your content - the single most important factor for content discovery on Xiaohongshu.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
Cover design is creating compelling first images (thumbnails) that grab attention in feed, entice users to click, and set expectations for your content - the single most important factor for content discovery on Xiaohongshu.
Use when:
Do NOT use when:
Before (boring cover):
❌ Plain product photo
❌ Small or no text
❌ Low contrast
❌ Doesn't stand out in feed
❌ Unclear what content is about
After (click-worthy cover):
✅ Bold headline text
✅ High contrast colors
✅ Clear subject or product
✅ Intriguing or promising
✅ Sets clear expectations
5 Cover Design Elements:
| Cover Type | Text Style | Color Scheme | Best For |
|---|---|---|---|
| Tutorial | "How to..." / "5 Ways" | Bright, warm | Educational |
| Review | Product + verdict | Clean, professional | Trust |
| Listicle | "7 Things..." | Colorful, fun | Curiosity |
| Before-After | Split comparison | Dramatic contrast | Transformation |
| Secret/Tip | "Nobody tells you..." | Mysterious, dark | Curiosity |
Effective hooks:
Examples:
Visual options:
Requirements:
Text principles:
Tools:
Color strategies:
Effects (subtle):
Avoid:
A/B test variations:
Measure: Click-through rate (views/impressions)
| Mistake | Fix |
|---|---|
| Text too small | Use large, bold text |
| Low contrast | High contrast = readable |
| Too much text | 3-5 words max |
| Cluttered design | Keep simple, clear focal point |
| Misleading cover | Cover must match content |
Great covers: 2-3x click-through rate Poor covers: <100 views despite great content
Key metric: Cover is 80% of content success.
Related Skills: