# Xhs Card Layout

> Convert Xiaohongshu notes into image-card scripts, cover layouts, carousel page plans, visual hierarchy, and copy blocks. Use when the user asks for 小红书图文排版, 图文卡片, 小红书封面, 卡片脚本, 轮播图, or making Xiaohongshu posts more beautiful.

- Skill: `bubu4me/xhs-card-layout` (Agent Skill)
- Install (CLI): `npx skillmds@latest add bubu4me/xhs-card-layout`
- Raw SKILL.md: https://api.skillmd.com/api/skills/bubu4me/xhs-card-layout/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: bubu4me (https://skillmd.com/u/bubu4me)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/bubu4me/xhs-card-layout

---


# Xiaohongshu Card Layout

## Goal

Turn a Xiaohongshu note idea or draft into a clear, attractive carousel plan with strong cover, page-by-page copy, and visual hierarchy.

## Workflow

1. Identify:
   - Topic and target audience
   - Number of cards
   - Visual style, if any
   - Whether the post is educational, story-based, checklist, comparison, or product-led
2. Design the carousel:
   - Card 1: cover with high-signal promise
   - Card 2: pain point or context
   - Cards 3-N: core value, steps, mistakes, examples, comparison, or checklist
   - Final card: summary, save prompt, comment prompt, or next action
3. For each card, specify:
   - Page title
   - Main copy
   - Supporting copy
   - Visual suggestion
   - Layout notes
4. Keep copy short enough for mobile viewing.

## Output Format

```markdown
## 小红书图文卡片方案

### 整体风格
- 配色：
- 字体感：
- 版式：
- 视觉关键词：

### 卡片脚本

| 页码 | 页面目标 | 主标题 | 正文/要点 | 视觉建议 |
|---|---|---|---|---|
| 1 | 封面吸引点击 | ... | ... | ... |
| 2 | 建立共鸣 | ... | ... | ... |

### 发布文案
[正文建议]

### 标签建议
#... #... #...
```

## Layout Rules

- One card should communicate one idea.
- Cover text should usually fit within 1 main title plus 1 subtitle.
- Prefer contrast, spacing, and hierarchy over decorative complexity.
- Use repeated layout patterns for a more branded look.

## Quality Bar

- Do not overload cards with paragraph text.
- Make the save-worthy value obvious by card 2 or 3.
- Include visual ideas that can be executed without a professional designer.
- Keep medical, financial, legal, and income claims cautious.