From xiaohongshu-complete-skills
Guides creation of image-based carousel posts for Xiaohongshu using hooks, story flow, scannable text, visual hierarchy, and structures for tutorials, reviews, before-afters, and storytelling.
npx claudepluginhub vivy-yi/xiaohongshu-skills --plugin xiaohongshu-complete-skillsThis skill uses the workspace's default tool permissions.
Graphic content creation is designing engaging image-based posts for Xiaohongshu - combining visuals, text overlays, and storytelling flow across carousel images to create thumb-stopping content that drives saves and shares.
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.
Graphic content creation is designing engaging image-based posts for Xiaohongshu - combining visuals, text overlays, and storytelling flow across carousel images to create thumb-stopping content that drives saves and shares.
Use when:
Do NOT use when:
Before (boring single image):
❌ Single product photo with no context
❌ Wall of text, hard to read
❌ No visual hierarchy, cluttered layout
❌ Inconsistent style across images
After (engaging carousel):
✅ 3-7 image carousel with clear story flow
✅ Scannable text with key info highlighted
✅ Strong visual hierarchy and visual rhythm
✅ Consistent branding and color scheme
5 Elements of High-Performing Carousels:
| Content Type | Images | Structure | Best For |
|---|---|---|---|
| Tutorial | 4-7 | Problem → Steps → Result | Educational value, saves |
| Product Review | 3-5 | Hook → Details → Verdict | Affiliate marketing |
| Before/After | 2-4 | Problem → Process → Solution | Transformation content |
| List/Collection | 5-7 | Item 1, 2, 3... with details | Curated recommendations |
| Story/Case Study | 4-6 | Context → Action → Outcome | Authentic storytelling |
Use single image when:
Use carousel (3-7 images) when:
Pro tip: Carousels get 2-3x more engagement than single images because swiping = interaction signal to algorithm.
Purpose: Stop scroll, entice swipe
Essential elements:
Bold headline (3-5 words)
Eye-catching visual
Text overlay (recommended)
Examples of effective hooks:
✅ "这个方法让我1个月涨了5000粉" (specific result + curiosity)
✅ "学生党必看的5个平价好物" (target audience + number)
✅ "没想到这个习惯毁了皮肤" (negative curiosity hook)
✅ "坚持了30天，变化惊呆了" (timeframe + promise)
Tutorial Structure (5-7 images):
Image 1: Hook + problem statement
Image 2: Step 1 (visual + brief text)
Image 3: Step 2 (visual + brief text)
Image 4: Step 3 (visual + brief text)
Image 5: Results or before/after
Image 6: Summary + key takeaways
Image 7: Call to action
Product Review Structure (3-5 images):
Image 1: Hook + product hero shot
Image 2: Key features with callouts
Image 3: Real usage/demo photos
Image 4: Pros and cons breakdown
Image 5: Verdict + CTA (price/where to buy)
List/Collection Structure (5-7 images):
Image 1: Hook + "5个..." overview
Image 2: Item 1 with photo + key benefit
Image 3: Item 2 with photo + key benefit
Image 4: Item 3 with photo + key benefit
Image 5: Items 4-5 combined (2-3 per image)
Image 6: Comparison or summary table
Image 7: Where to buy + CTA
Key principle: Each image must add new value, not repeat. Build anticipation across carousel.
Text Best Practices:
Keep it scannable:
Visual hierarchy:
HEADLINE (largest, boldest) - Main point
↓
Subheading or key benefit (medium)
↓
Details or explanation (small)
↓
Call to action (medium, distinct color)
Color and contrast:
Text placement principles:
Xiaohongshu image specs:
Design mobile-first:
Common mistakes:
Visual consistency across carousel:
Build your brand style template:
Color scheme:
- Primary: [main brand color]
- Secondary: [accent color]
- Background: [consistent background]
Typography:
- Headlines: [bold font]
- Body: [readable font]
Layout template:
- Image 1: Full-bleed + overlay text
- Images 2-6: 80% content + 20% footer
- Final image: Summary + CTA
Pro tip: Create Canva or Xingtu templates for each content type to ensure consistency.
Final image CTA examples:
CTA best practices:
| Mistake | Why Happens | Fix |
|---|---|---|
| Too many images | Want to show everything | Limit to 3-7, quality > quantity |
| Wall of text | Fear of missing info | Use bullets, highlight keywords only |
| No visual hierarchy | Everything seems important | Make 1-2 things stand out per image |
| Inconsistent style | Creating in haste | Use templates, predefined colors |
| Weak hook image | Rush through first image | Invest 50% effort in hook image |
| No story flow | Just listing images | Structure: beginning, middle, end |
| Text too small | Looks good on desktop | Test on phone, use minimum 24pt |
High-performing carousel examples (real data):
Poor-performing content:
Key metric: Well-structured carousels with clear story flow get 3-5x more saves than random image collections.
Related Skills: