← ClaudeAtlas

cover-designlisted

Use when designing Xiaohongshu post thumbnails or first images, creating eye-catching cover images, improving click-through rates, or A/B testing cover designs
bingran-you/bingran-you · ★ 2 · Web & Frontend · score 70
Install: claude install-skill bingran-you/bingran-you
# Cover Design (封面设计) ## Overview 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. ## When to Use **Use when**: - Creating cover image for carousel posts - Designing video thumbnails - Optimizing click-through rates - A/B testing cover designs - Improving content visibility **Do NOT use when**: - Editing full photo set (use xingtu-tool) - Designing complex graphics (use canva-tool) ## Core Pattern **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**: 1. **Hook Text** - Bold headline (3-5 words) 2. **Visual** - High-quality image or subject 3. **Colors** - High contrast, eye-catching 4. **Composition** - Clear focal point 5. **Branding** - Consistent style ## Quick Reference | 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 compariso