creative-carousel

Что делает простыми словами

Карусель в Instagram — это серьёзный формат с большим количеством копирайта. 5-10 слайдов, человек свайпает, каждый слайд = одна мысль (хук → проблема → продукт → стата → процесс → доказательство → CTA). Конверсия выше чем у single-image.

Скилл делает ровно одну вещь: получает бриф, придумывает план карусели (через Gemini-текст), а потом рисует каждый слайд через Remotion CLI — никакой Gemini Image в боевом флоу. На выходе: PNG-секвенция, ZIP для аплоада в Ads Manager и multi-page PDF для клиентского ревью.

Почему Remotion, а не Gemini Image

Изначально (v1) карусели рисовались через Gemini Image. И там вылезали стабильные баги, которые QA-петля не всегда ловила:

Per-project Remotion app

Каждый проект получает свою копию Remotion-приложения:

~/video-projects/<project>/carousel-remotion/
├── package.json
├── tsconfig.json
├── remotion.config.ts
├── src/
│   ├── index.ts
│   ├── Root.tsx               ← 3 композиции: 4:5, 1:1, 9:16
│   ├── CarouselSlide.tsx      ← dispatcher: type → нужный компонент
│   ├── slides/
│   │   ├── Hook.tsx
│   │   ├── Problem.tsx
│   │   ├── Product.tsx        ← <Img staticFile()/> для продуктового фото
│   │   ├── Stats.tsx
│   │   ├── List.tsx
│   │   ├── Process.tsx
│   │   ├── Comparison.tsx
│   │   ├── Proof.tsx
│   │   ├── Faq.tsx
│   │   └── CtaSwipe.tsx
│   └── lib/brand.ts           ← бренд-конфиг, автопатчится из brand.yaml
└── public/photos/             ← референсные фото, копируются на init

Зачем своя копия на проект: можешь менять TSX-шаблоны под конкретный бренд (например для apparatus сделать Product.tsx с другой раскладкой) — это не сломает другим проектам.

Workflow

Шаг 1 — bootstrap (один раз на проект)

python ~/.claude/skills/creative-carousel/scripts/init_project.py \
  --project apparatus

# Что происходит:
# 1. Копирует remotion_template/ → ~/video-projects/apparatus/carousel-remotion/
# 2. Копирует все references/*.{jpg,png} проекта в public/photos/
# 3. Читает project's brand.yaml и переписывает src/lib/brand.ts
# 4. npm install (~30-60 сек, ОДИН раз)

Шаг 2 — план карусели

python ~/.claude/skills/creative-carousel/scripts/plan.py \
  --project apparatus \
  --topic "Запусти УВТ-кабинет за 30 дней" \
  --template product_launch \
  --slide-count 7 \
  --output plan.json

# Один вызов gemini-2.5-flash, ~$0.0001, ~5 секунд
# На выходе — JSON с заполненными слайдами:
# { "slide_n": 3, "type": "stats", "headline": "30 дней",
#   "subhead": "до окупаемости", "visual_hint": "huge centered number" }

Шаг 3 — Approval gate

Шаг 4 — рендер слайдов

python ~/.claude/skills/creative-carousel/scripts/render_slides.py \
  --project apparatus \
  --plan plan.json \
  --output-dir slides/ \
  --aspect 4:5 \
  --product-photo ref_eswt_t9.jpg

# Под капотом: на каждый слайд — `npx remotion still`
# ~5-10 секунд на слайд, 7 слайдов → под минуту
# По окончании авто-вызывает present.py (GR-1)

Шаг 5 — упаковка

python ~/.claude/skills/creative-carousel/scripts/pack.py \
  --output-dir slides/ \
  --zip ~/Desktop/apparatus_carousel.zip \
  --pdf ~/Desktop/apparatus_carousel_preview.pdf

# ZIP — для аплоада в Meta Ads Manager
# PDF — multi-page, по слайду на страницу, для клиентского ревью

9 типов слайдов

Полный спек — в справочнике scene/slide-типов.

5 готовых шаблонов

Можно либо --template product_launch, либо --slide-types hook,product,stats,cta_swipe руками.

Внутренности

Скрипты

Hard constraints (невозможны by construction)

Стоимость и скорость

Для сравнения: Gemini Image-роут был ~$0.28 на карусель + регулярные баги, которые QA приходилось ловить.

Output

~/video-projects/<project>/carousel/<deck>/
├── slide_01.png         ← 1080×1350 (4:5) или 1080×1080 (1:1)
├── slide_02.png
├── ...
├── slide_07.png
├── plan.json
├── manifest.json        ← порядок, типы, headlines, ген-метаданные
└── preview.html         ← GR-1 preview, авто-открывается

~/Desktop/apparatus_carousel.zip          ← для Meta Ads Manager
~/Desktop/apparatus_carousel_preview.pdf  ← для клиента

Multi-aspect

Передай --aspect 4:5,1:1 — оба формата отрендерятся параллельно (это две разные композиции в Root.tsx).

Gotchas и tips

🎬 Примеры работы

Место в пайплайне

Сверху над carousel может стоять creative-orchestrator с режимом carousel-orchestrate для батчей шаблонов × вариантов.