Бизнес-школа 7К
← каталог рилсов/Своя съёмка
/reels-overlay-steps

Степ-карточки поверх селфи

Пошаговая инструкция: над вашей головой появляются тёмные панели с чипами, тумблерами и счётчиками синхронно с речью.

деньги
бесплатно
выход
MP4 1080×1920, 30 fps, длина как у видео. Голос плюс слой звуковых эффектов.
время
рендер ~4 минуты на 35 секунд
пример
ЗОНА КАРТОЧЕК: шаг, чипы, тумблер, счётчик
ЛИЦО — запретная зона
караоке-пилюля
Для типичного селфи: карточки только выше 540 px, лицо 560–1190 px, пилюли около 1290 px.

что на видеоПример из проекта: «4 вопроса» — список пунктов собирается по мере речи, лицо открыто.

обозначения на схеме
лицо — зона без графики
карточки и врезки
текст и субтитры
бейдж, аватар, призыв
видео / медиа
та же механика: дыхательная практика

01Как выглядит

  • Панели почти чёрные, полупрозрачные, с ярко-лаймовой обводкой и свечением. Бейджи лаймовые и розовые.
  • Строки панели восьми типов: чипы, тумблер, поиск, файл, ссылка, счётчик, зелёная плашка «готово», кнопки.
  • Хук: наклонный лаймовый год, белый капс с чёрной обводкой и плашка с настоящим логотипом сервиса.
  • Караоке-пилюли на уровне груди, прогресс-бар сверху, мягкий тёмный градиент снизу.
  • Шрифт Montserrat с кириллицей. Палитра меняется двумя переменными цвета.
  • Звуки привязаны к событиям: вжух на смену панели, щелчок на тумблер, колокольчик на «готово».

02Когда брать

Берите, если
  • ✓видео — инструкция «зайди сюда, включи это, получи то»
  • ✓нужен полный контроль над текстом и ноль затрат
Не берите, если
  • →нужна другая упаковка (pop-out, editorial) → /reels-talking-head
  • →нужны полноэкранные врезки со скриншотами → /reels-brolls-remotion
  • →нужен AI-монтаж с перестройкой мира → /reels-omni-myvideo

Что нужно на входе: Ваше селфи-видео (до 20 МБ через бот), где по речи есть шаги и кодовое слово.

03Как запустить

Напишите агенту обычными словами или наберите команду. Например:

›_
Вы пишете агенту
Кинул видео в бота. Собери оверлей со шагами, как в рилсе про три вещи после регистрации, кодовое слово НАСТРОЙКА.

Или коротко: /reels-overlay-steps — агент сам задаст недостающие вопросы.

04Что происходит по шагам

  1. 1

    Видео из бота

    делаете вы

    Приёмник забирает видео в _inbox.

  2. 2

    Где лицо

    делает агент

    Агент делает контактный лист и глазами находит верх головы и подбородок — от них считаются безопасные зоны.

  3. 3

    Расшифровка

    делает агент

    По словам, числа и имена сверяются на слух: распознавание путает «2006» и «2026».

  4. 4

    Шаги и кодовое слово

    делаете вы

    Агент раскладывает речь на биты: хук, шаги, подтверждение, цифры, призыв. Вы подтверждаете.

  5. 5

    Композиция и проверка

    делает агент

    Копирует эталонную композицию, меняет тексты и тайминги, проверяет линтером и снимками ключевых кадров.

  6. 6

    Рендер и звук

    делает агент

    Рендер без звука, затем микс голоса и эффектов по таблице событий.

  7. 7

    Приёмка

    делаете вы

    Ролик в бот, вы смотрите и отвечаете «принято» или правки.

05Шаблоны файлов

storyboard.json — биты ролика
{
  "version": 3,
  "canvas": { "width": 1080, "height": 1920, "fps": 30 },
  "faceSafeZone": { "top": 560, "bottom": 1190 },
  "cta": "СЛОВО",
  "beats": [
    { "id": "hook",  "start": 0.0, "end": 3.4, "type": "hook", "text": "3 ВЕЩИ ПОСЛЕ РЕГИСТРАЦИИ" },
    { "id": "step1", "start": 3.6, "end": 11.5, "type": "panel", "title": "ШАГ 1",
      "rows": [ { "kind": "chips", "items": ["Настройки", "Профиль"] } ] },
    { "id": "step2", "start": 11.8, "end": 20.0, "type": "panel", "title": "ШАГ 2",
      "rows": [ { "kind": "toggle", "label": "Память", "on": 21.6 } ] },
    { "id": "stat",  "start": 20.1, "end": 27.0, "type": "panel",
      "rows": [ { "kind": "stat", "value": 12000, "label": "токенов" } ] },
    { "id": "cta",   "start": 31.5, "end": 35.0, "type": "cta", "text": "Пиши СЛОВО" }
  ]
}
звуковые события (mix_audio.ps1)
$events = @(
  @("impact-bass-1.mp3",   300, 0.32),   # хук-удар заголовка
  @("whoosh-short.mp3",    600, 0.45),   # вход или смена панели
  @("pop.mp3",            3700, 0.55),   # чип, чёрная пилюля хука
  @("click.mp3",         21600, 0.65),   # тумблер ON
  @("ping.mp3",          22400, 0.35),   # старт счётчика
  @("chime.mp3",         24600, 0.35),   # зелёная плашка «готово»
  @("notification.mp3",  32500, 0.40)    # пилюля с кодовым словом
)
# файл, задержка в мс, громкость. Голос всегда 1.0, караоке-пилюли без звука.
Файл PowerShell сохраняется строго в ASCII: кириллица ломает старый PowerShell.

06Команды движков

Обычно их запускает агент. Пригодятся, если хотите повторить шаг сами или понять, что он делает.

движки формата
node scripts/reel-inbox.mjs                                        # постоянный приёмник из бота
node ~/.claude/skills/reels-overlay-steps/engine/inbox-once.mjs   # разовый забор новых видео

ffprobe -v error -show_entries format=duration:stream=width,height <video>
ffmpeg -i <video> -vf "fps=1/6,scale=270:-1,tile=3x2" -frames:v 1 contact.png   # где лицо

python ~/.claude/skills/reels-overlay-steps/engine/transcribe_file.py <video> words.json
ffmpeg -i <video> -g 30 -keyint_min 30 -an public/input-video.mp4

pnpm dlx hyperframes check public              # 0 ошибок обязательно
pnpm dlx hyperframes snapshot public --at 4.5  # по одному --at за вызов
pnpm dlx hyperframes render public -o output.mp4 --fps 30

powershell -File mix_audio.ps1                 # голос + звуковые эффекты

07Грабли и правила

!Лицо не перекрывается ничем и никогда.
!Автопроверка hyperframes check должна пройти с нулём ошибок.
!npx в проекте не работает — только pnpm dlx.
!Снимок кадра берёт один --at за вызов.