Graphic Content Creation

This is a complete playbook for designing multi-image carousel posts for Xiaohongshu, China's Instagram-meets-Pinterest platform. You get detailed guidance on structuring 3-7 image carousels with proper story flow, from hook images that stop the scroll to CTAs that drive engagement. The framework covers five content types (tutorials, product reviews, before-afters, lists, and case studies) with specific image counts and layouts for each. What's useful here is the mobile-first thinking and the emphasis on scannable text with visual hierarchy, which matters since carousels apparently get 2-3x more engagement than single images on the platform. If you're creating any kind of visual storytelling content for Chinese social media, this gives you the structure and specs you need.

skills.sh installs: 321
GitHub stars: 539
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add vivy-yi/xiaohongshu-skills --skill graphic-content-creation --agent claude-code

Installs into .claude/skills of the current project.

Files

Graphic Content Creation (图文内容创作)

Overview

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.

When to Use

Use when:

Creating image-based posts (most common Xiaohongshu format)
Designing 3-7 image carousel content
Structuring visual tutorials or step-by-step guides
Creating before-and-after comparisons
Designing product showcases or reviews
Building educational listicle content

Do NOT use when:

Creating video content (use short-video-production)
Just need basic photo editing (use xingtu-tool)
Designing complex graphics from scratch (use canva-tool)

Core Pattern

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

SKILL.md on GitHub