Graphic Layout
Use when designing graphic layouts for Xiaohongshu posts, creating visually appealing...
Install
npx skills add vivy-yi/xiaohongshu-skills --skill graphic-layout -g -a claude-code -y- Repository
- vivy-yi/xiaohongshu-skills520
- Category
- Design
- Updated
- 10mo ago
- License
- See repository
- Context cost
- Mediumabout 3,000 tokens
- Runs scripts
- No, instructions only
What it does
Use when designing graphic layouts for Xiaohongshu posts, creating visually appealing content, formatting text and images, or designing professional graphics
Graphic Layout (图文排版)
Overview
Graphic layout is the strategic arrangement of visual elements, typography, colors, and spacing in Xiaohongshu posts to create aesthetically pleasing, readable, and engaging content that captures attention within milliseconds, communicates messages clearly, and reinforces brand identity through proven design principles. In Xiaohongshu's visually-first environment, professional layout isn't optional - it's the difference between 50 views and 50,000 views. Great design makes content scannable, shareable, and memorable, while poor layout makes even valuable content invisible.
Key insight: Research shows users form first impressions of visual content in 50 milliseconds. Professional graphic layout improves engagement by 40%, increases save rates by 2x (people save well-designed content for reference), and strengthens brand recognition through consistent visual identity. Design is not decoration - it's communication.
When to Use
Use when:
- Creating graphic-heavy posts with text overlays (quotes, tips, statistics)
- Designing carousel slides with multiple elements per slide
- Formatting infographic content to convey information visually
- Creating promotional graphics (sales, announcements, launches)
- Designing educational visuals (tutorials, how-tos, explanations)
- Producing quote graphics or inspirational text posts
- Creating branded content templates for consistent visual identity
- Combining photos with text, icons, or decorative elements
- Designing before/after comparison graphics
- Creating listicles or numbered content in visual format
Do NOT use when:
- Sharing raw, unedited photos (let image stand alone)
- Content is text-heavy and better as pure text post
- Minimal design is intentional aesthetic choice (artistic direction)
- Quick, behind-the-scenes content where polish feels inauthentic
- Video-first content where graphics are secondary


