creative-explainer-video

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

Это не ads. Это длинные образовательные видео: туториалы, разборы, кейсы, демо. В отличие от video-clipgen (где Veo делает короткие 9-30 сек рекламные клипы) — тут история на 2-5 минут с озвучкой и поэтапной визуальной композицией.

Типичные форматы, под которые скилл заточен:

• Tutorial — «Как установить T608 за 30 дней»
• Explainer — «Почему УВТ-кабинет окупается за 90 дней»
• Case study — «Клиника в Актобе — 2.4M ₸/мес дополнительного дохода»
• Product demo — обход аппарата + протоколы лечения
• Onboarding — обучающий контент для клиентов/персонала

Длительность типично 2-5 минут. Аспект: 9:16 для Reels/TikTok, 1:1 для feed, 16:9 для YouTube/landing-страниц.

Архитектура — Remotion + ElevenLabs

Как и creative-carousel, скилл работает по per-project bootstrap паттерну. На каждый проект — своя копия Remotion-приложения:

~/video-projects/<project>/explainer-remotion/
├── package.json
├── tsconfig.json
├── remotion.config.ts
├── src/
│   ├── index.ts
│   ├── Root.tsx              ← композиции: Explainer-9x16 / -1x1 / -16x9
│   ├── ExplainerVideo.tsx    ← timeline composer + scene dispatcher
│   ├── scenes/
│   │   ├── TitleCard.tsx     ← intro/outro big text
│   │   ├── BulletList.tsx    ← 01/02/03 numbered points
│   │   ├── ProductCallout.tsx ← hero shot + аннотации
│   │   ├── ScreenRecord.tsx  ← embed mp4/gif экранки
│   │   ├── ChartReveal.tsx   ← animated bar/line chart
│   │   ├── LowerThird.tsx    ← talking-head + name strip
│   │   ├── BeforeAfter.tsx   ← split-screen comparison
│   │   ├── QuoteCard.tsx     ← testimonial с атрибуцией
│   │   └── OutroCTA.tsx      ← closing scene (NO button — текст)
│   └── lib/
│       ├── brand.ts          ← автопатчится из brand.yaml
│       └── audio.ts          ← VO + music mixing helpers
└── public/
    ├── assets/               ← фотки, скринрекорды
    ├── vo/                   ← per-scene VO mp3 (от vo.py)
    └── music/                ← фоновые треки (опц.)

9 типов сцен

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

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

Workflow

Шаг 1 — bootstrap (один раз)

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

# Копирует remotion_template/ → ~/video-projects/apparatus/explainer-remotion/
# Копирует assets, патчит brand.ts из brand.yaml, npm install (~30-60 сек)

Шаг 2 — план сцен

python ~/.claude/skills/creative-explainer-video/scripts/plan.py \
  --project apparatus \
  --topic "Как УВТ-кабинет окупается за 90 дней — пример клиники в Актобе" \
  --template case_study \
  --scene-count 7 \
  --output explainer_plan.json

# Gemini 2.5 Flash, ~$0.0001. На выходе — JSON со сценами:
# { "scene_n": 3, "type": "chart_reveal",
#   "vo_text": "За первые три месяца клиника обработала 247 пациентов...",
#   "on_screen_text": "247 пациентов / 2,4 млн ₸",
#   "visual_hint": "animated bar chart 0→247, count-up до 2,400,000",
#   "duration_seconds": null, "asset_ref": null }

Шаг 3 — Approval gate

Шаг 4 — озвучка

python ~/.claude/skills/creative-explainer-video/scripts/vo.py \
  --project apparatus \
  --plan explainer_plan.json \
  --voice-id <voice_id> \
  --output-dir public/vo/

# Что делает:
# 1. На каждую сцену из плана зовёт ElevenLabs eleven_multilingual_v2
# 2. Сохраняет scene_NN.mp3 в public/vo/
# 3. Замеряет длительность через mutagen
# 4. ПАТЧИТ duration_seconds обратно в plan.json
# Результат: Remotion-таймлайн теперь VO-synced автоматически

Шаг 5 — рендер

python ~/.claude/skills/creative-explainer-video/scripts/render.py \
  --project apparatus \
  --plan explainer_plan.json \
  --aspect 9:16 \
  --output ~/Desktop/apparatus_explainer.mp4 \
  [--bg-music public/music/calm_corporate.mp3] \
  [--bg-music-volume 0.15]

# Под капотом — `npx remotion render`. Если задана музыка — после Remotion
# идёт ffmpeg-проход с ducking (~15% под VO, fade in/out на краях).
# Скорость: ~1× realtime на M1/M2 (3-мин видео → ~3-5 мин рендера)
# По окончании авто-вызывает present.py (GR-1)

Voice-over (ElevenLabs)

Дефолтный голос настраивается в brand.yaml в блоке vo::

vo:
  provider: elevenlabs
  voice_id: <voice_id>
  model: eleven_multilingual_v2
  stability: 0.5
  similarity_boost: 0.7

Locale-aware: --locale ru (дефолт), kk, en, uk. Multilingual-модель сама детектит язык.

Background music

Опциональная. --bg-music <path> → авто-дакинг до ~15% под VO, fade in 1с в начале, fade out 2с в конце, лёгкий ramp-up на переходах между сценами. Если без музыки — чистый VO + тишина в зазорах.

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

Скрипты

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

Для сравнения: ручное продакшн-агентство — $500-2000 за explainer аналогичного качества. Пайплайн делает это за <$1 и ~5 минут wall-clock.

Тайминги

• init_project.py — 30-60 сек один раз на проект
• plan.py — ~10 сек (один Gemini call)
• vo.py — ~5-15 сек на сцену, зависит от длины VO
• render.py — ~1× realtime на M1/M2 (3-мин видео → ~3-5 мин)
• Cold start: ~10 мин на первый explainer; ~5-7 мин на следующие в том же проекте

Hard constraints

Output

~/video-projects/<project>/explainer/<video_name>/
├── explainer_plan.json
├── public/
│   ├── vo/scene_01.mp3 ... scene_07.mp3
│   └── assets/...
└── render.mp4

~/Desktop/apparatus_explainer.mp4         ← финальное видео
~/Desktop/apparatus_explainer.html        ← GR-1 preview с timeline + payload

Gotchas и tips

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

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

Сверху может стоять creative-orchestrator с режимом explainer-orchestrate для батча эпизодов в одном style.