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.