← ClaudeAtlas

content-layoutlisted

Use when designing visual layout for Xiaohongshu carousel content, organizing information on images, creating easy-to-read text overlays, or structuring multi-slide content for maximum engagement and readability
bingran-you/bingran-you · ★ 1 · Web & Frontend · score 62
Install: claude install-skill bingran-you/bingran-you
# Content Layout (内容排版) ## Overview Content layout is the strategic arrangement of visual elements, text, and information on Xiaohongshu carousel slides to create visually appealing, easy-to-consume content that guides the viewer's eye and communicates information effectively. ## When to Use **Use when**: - Creating carousel posts (multi-slide content) - Designing text-heavy content (tips, lists, guides) - Organizing information visually - Improving content readability - Creating branded aesthetic - Designing cover images for carousels **Do NOT use when**: - Single image posts (less layout complexity) - Content is primarily visual (minimal text) ## Core Pattern **Before** (poor layout): ``` ❌ "Text too small, can't read on mobile" ❌ "Cluttered design, no visual hierarchy" ❌ "Inconsistent fonts and colors across slides" ❌ "Slides feel disconnected, no cohesive design" ❌ "Viewers swipe past without reading" ``` **After** (professional layout): ``` ✅ "Clear visual hierarchy, easy to scan" ✅ "Consistent design language across all slides" ✅ "Text is readable (even on small screens)" ✅ "Branded aesthetic, followers recognize my style" ✅ "High engagement: saves, shares, completion" ✅ "Professional look, attracts brand partnerships" ``` **5 Layout Principles**: 1. **Hierarchy** - Most important elements largest and first 2. **Consistency** - Unified style across all slides 3. **Readability** - Text is legible on mobile screens 4. **Balance** - Visual weight distributed evenl