/43-brief-carousel

name: 43-brief-carousel
description: "Dung khi can brief mot CHUOI NHIEU SLIDE — carousel Facebook, Instagram, LinkedIn hoac bo anh doc theo mach: hook o slide 1, xay gia tri o giua, CTA o slide cuoi, kem huong dan render HTML preview de duyet concept truoc khi vao production. Kich hoat khi user nhac 'brief carousel', 'lam carousel', 'bo slide dang Facebook', 'tach bai nay thanh carousel', 'brief slide', 'render carousel xem truoc', 'post nhieu anh'. Khong dung cho — mot anh tinh don le thi dung skill 42-brief-hinh-anh; slide thuyet trinh ban hang thi dung skill 71-sales-enablement; huong dan thao tac tren Canva thi dung skill 45-brief-canva."
metadata:
  version: 1.0.1
  category: content
license: MIT
triggers:
  - "brief carousel"
  - "lam carousel"
  - "carousel tu content nay"
  - "brief slide"
  - "brief slider"
  - "render carousel"
  - "tao carousel"
output: "File .md — brief chi tiet tung slide (headline, body, visual direction, mau nen) + huong dan render HTML preview duyet concept truoc khi giao designer production."
related:
  - 42-brief-hinh-anh
  - 41-campaign-asset-list
  - 01-lich-noi-dung
  - 36-content-brief
  - 45-brief-canva
  - 46-brand-guideline
  - 47-design-review

Brief Carousel

> Carousel khong phai "anh ghep" — la mot chuoi ke chuyen, moi slide phai keo nguoi doc sang slide tiep theo. Slide 1 quyet dinh swipe hay khong. Slide cuoi phai co CTA ro rang. Khong tu bia noi dung — thieu thi hoi user truoc.

Thu thap thong tin

Doc `.agents/product-marketing-context.md`, brand guideline va content nguon neu co. Neu user chua cung cap noi dung, hoi toi da 4 cau:

1. **Chu de + noi dung nguon?** Carousel nay tu bai content nao, hay can viet moi tu dau? 2. **Muc tieu + tang pheu?** Education / proof / offer / tips / story / comparison — TOFU / MOFU / BOFU? 3. **Kenh + so slide?** Facebook / Instagram / LinkedIn — bao nhieu slide (khuyen nghi 5-7)? 4. **Copy va tone?** Copy tung slide da co hay can viet? Tone gan gui / chuyen nghiep / bold / storytelling?

Nguyen tac

1. **Slide 1 la quan trong nhat** — dau tu 40% cong suc vao hook. Slide 1 quyet dinh swipe hay luot qua. 2. **Copy tung slide duyet xong roi moi vao tool design** — khong lam nguoc. 3. **Moi slide 1 y duy nhat.** Carousel khong phai powerpoint — khong nhoi text. 4. **5-7 slide la ly tuong.** Qua 9 slide nguoi xem drop giua chung. Neu noi dung dai hon 7 slide → chia thanh 2 carousel series. 5. **Luon co CTA o slide cuoi.** Carousel khong co CTA = bo phi toan bo cong suc. 6. **Gioi han text:** headline toi da 8 tu, sub toi da 15 tu, body toi da 25 tu moi slide.

Quy trinh

Buoc 1 — Xac dinh narrative arc

Carousel tot co arc ro rang truoc khi phan bo noi dung:

Hook → Problem → Insight → Solution → Proof → CTA

Xac dinh arc truoc, sau do moi chia noi dung vao tung slide. Voi noi dung co san: slide 1 = cau hook manh nhat (pain point / cau hoi / so lieu soc), slide giua = proof / giai thich / loi ich, slide cuoi = action ro rang.

Buoc 2 — Viet copy tung slide

Moi slide gom: headline (toi da 8 tu) + body (toi da 25 tu) + visual direction. Copy phai duoc duyet truoc khi designer bat dau layout.

Buoc 3 — Brief visual direction tung slide

Moi slide co visual direction rieng — khong de designer tu doan. Mau nen doc tu brand guideline: slide hook va slide CTA dung nen dam ([mau primary] hoac gradient [mau primary] sang [mau secondary]) de tao contrast, slide body dung nen sang de co breathing room.

Buoc 4 — Render HTML preview de duyet concept

Truoc khi giao designer production, render 1 file HTML preview:

• Canvas: 1080x1080px moi slide (1:1) — co the render 900x900 cho nhe.
• Font: [font heading] / [font body] doc tu brand guideline (Google Fonts neu co).
• Navigation: nut trai/phai de xem tung slide, counter "1 / N" goc duoi phai.
• Slide hook + CTA: nen dam, chu sang. Slide body: nen sang, eyebrow mau accent, headline dam.

HTML preview = de duyet concept, khong phai file production. Sau khi duyet HTML → designer moi vao Canva/Figma lam file that.

Cau truc ket qua

Ten file: `brief-carousel-[ten]-[YYYYMMDD].md`

# Carousel Brief — [Ten]

## Tong quan
| Hang muc | Chi tiet |
|----------|----------|
| Muc dich | |
| Kenh | |
| Tang pheu | TOFU / MOFU / BOFU |
| So slide | |
| Kich thuoc | 1080x1080px (Feed) / 1080x1350px (Portrait) |
| Tone | |
| Deadline | |
| So lan sua toi da | |

## Brand direction (ap dung toan bo carousel)
- Nen chu dao: [trang / mau primary / gradient primary sang secondary / mixed]
- Font heading: [font heading] Bold — mau [...]
- Font body: [font body] Regular — mau [...]
- Accent: [mau secondary] — dung cho highlight / so lieu / CTA
- Logo: xuat hien toi thieu o slide 1 va slide cuoi (hoac tat ca slide neu brand guideline yeu cau), vi tri theo brand guideline

## Slide 1 — HOOK (quyet dinh swipe hay khong)
| Element | Noi dung |
|---------|----------|
| Headline | [cau hook manh — pain / curiosity / so lieu soc, toi da 8 tu] |
| Subtext | [1 cau ho tro hook — toi da 15 tu] |
| Visual | [full-color background / bold typography / anh goi cam xuc] |
| CTA mini | "Swipe de xem" hoac bo neu hook du manh |
| Nen | [nen dam — mau primary — tao contrast manh] |

## Slide 2 — PROBLEM / SETUP
| Element | Noi dung |
|---------|----------|
| Headline | |
| Body | |
| Visual | [icon / illustration / minimal text layout] |
| Nen | [sang/nhat — tao breathing room sau slide 1] |

## Slide 3 — INSIGHT / TURNING POINT
| Element | Noi dung |
|---------|----------|
| Headline | |
| Body | |
| Visual | [so lieu lon / quote / diagram don gian] |
| Accent | [highlight so lieu bang mau secondary] |

## Slide 4 — SOLUTION / VALUE
| Element | Noi dung |
|---------|----------|
| Headline | |
| Body | |
| Visual | |

## Slide 5 — PROOF / SOCIAL PROOF (neu co)
| Element | Noi dung |
|---------|----------|
| Headline | |
| Body | [testimonial / so lieu ket qua / case study ngan] |
| Visual | [screenshot / quote card / before-after] |

## Slide N-1 — PRE-