content-layout

Plan and design Xiaohongshu carousel posts with typography and color guidance.

363|65|Updated Jan 22, 2026
One-click install
npx skills add https://github.com/vivy-yi/xiaohongshu-skills --skill content-layout
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: content-layout
Source: https://github.com/vivy-yi/xiaohongshu-skills/tree/main/skills/01-%E5%86%85%E5%AE%B9%E5%88%9B%E4%BD%9C/content-layout
Command: npx skills add https://github.com/vivy-yi/xiaohongshu-skills --skill content-layout

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you design visually appealing and easy-to-read carousel posts for Xiaohongshu, ensuring your content grabs attention and keeps users engaged.

Core Features & Use Cases

  • Carousel Structure Planning: Outline your content slide-by-slide for a cohesive flow.
  • Typography & Color Guidance: Master font choices, sizes, and color palettes for readability and brand consistency.
  • Visual Element Integration: Effectively use icons, shapes, and product photos to enhance your design.
  • Use Case: You're creating a 7-slide carousel tutorial on "5 Steps to Dry Skincare." This Skill will guide you on how to lay out each step with clear text, appropriate images, and a consistent visual style, from the cover slide to the call-to-action.

Quick Start

Use the content-layout skill to design a visually appealing 5-slide carousel post about skincare tips.

Frequently Asked Questions about content-layout

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a Xiaohongshu carousel layout that keeps users engaged?▼

Design an engaging Xiaohongshu carousel layout by strategically arranging visual elements, text overlays, and multi-slide structures. Apply principles of hierarchy, consistency, balance, and whitespace to maximize readability and user engagement.

What is the best way to structure a multi-slide tutorial for Xiaohongshu?▼

Structure a multi-slide tutorial by outlining content slide-by-slide for cohesive flow. Plan implementation steps from the cover slide through typography, color, and visual elements down to the final call-to-action slide.

How do I choose typography and color palettes for Xiaohongshu visuals?▼

Choose typography and color palettes by following guidance on font choices, sizes, and color combinations. This ensures optimal readability and maintains brand consistency across your carousel content design.

Can I use this layout approach for a 7-slide skincare carousel?▼

Yes, you can use this approach for a 7-slide skincare carousel. It guides you on laying out each step with clear text, appropriate images, and a consistent visual style from the cover to the call-to-action.

How do I integrate visual elements into a Xiaohongshu carousel design?▼

Integrate visual elements by effectively using icons, shapes, and product photos to enhance your design. This visual element integration works alongside typography and color guidance to create balanced, readable slides.