# HyperFrames: монтаж ролика через Claude Code

Ставишь HyperFrames в Claude Code двумя командами, закидываешь своё видео и словами описываешь склейки, субтитры, моушн-графику и звук. На выходе - готовый MP4, который ты не монтировал руками.

[HyperFrames](https://github.com/heygen-com/hyperframes) - бесплатный инструмент с открытым кодом от HeyGen, почти 70 тысяч звёзд на GitHub. Каждая сцена в нём - это HTML-код, поэтому Claude собирает любую анимацию, которую ты опишешь, и рендерит её прямо в MP4 у тебя на компьютере.

[HyperFrames на GitHub](https://github.com/heygen-com/hyperframes)

// Шаг 0

## Что должно стоять заранее

- [ ] Поставить Claude Code и войти в свой аккаунт Claude или Anthropic Console
- [ ] Поставить Node.js версии 22 или новее - вместе с ним ставится npm
- [ ] Поставить FFmpeg - без него не будет рендера в MP4

```
node -v
ffmpeg -version
```

_Проверь в терминале: node должен показать v22 или выше, ffmpeg - ответить версией_

// Шаг 1

## Ставишь плагин двумя командами

- 1 «Подключи маркетплейс HyperFrames» — Открой терминал и вставь первую команду: claude plugin marketplace add heygen-com/hyperframes
- 2 «Установи плагин» — Вторая команда: claude plugin install hyperframes@hyperframes
- 3 «Перезапусти Claude Code» — Открой новую сессию Claude Code или набери /reload-plugins в текущей - иначе плагин не подхватится.

```
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes
```

_Две команды установки - вставь в терминал по очереди_

```
npx hyperframes doctor
```

_Проверка окружения: покажет, чего не хватает для рендера_

врезка `// Важно`: текст «Плагин ставится на каждый компьютер отдельно - между машинами он не синхронизируется. Чтобы получать обновления сами, набери /plugin, открой Marketplaces, выбери hyperframes и включи Enable auto-update.»

[Инструкция HeyGen: HyperFrames в Claude Code](https://hyperframes.heygen.com/guides/with-claude-code)

// Шаг 2

## Закидываешь своё видео

- 1 «Создай пустую папку проекта» — Сделай папку под ролик и открой Claude Code прямо в ней.
- 2 «Положи исходник в assets» — Создай внутри папку assets и скопируй туда своё видео, например assets/video.mp4. Музыку и звуки - туда же.
- 3 «Начни сообщение с вызова скилла» — Каждый запрос начинай с /hyperframes:hyperframes и называй файл по пути - так Claude точно поймёт, с чем работать.

// Шаг 3

## Пишешь, что нужно: склейки, субтитры, моушн-графика, звук

врезка `// Порядок`: текст «Сначала склейки, потом субтитры. Если резать после субтитров - они разъедутся с речью. И одна правка за раз: так видно, что сработало.»

```
Using /hyperframes:hyperframes, cut the pauses longer than 0.8 s out of assets/video.mp4, then add clean captions to the tighter cut.
```

_Склейки и субтитры: вырезает паузы длиннее 0,8 секунды и вешает субтитры на чистовой монтаж_

```
Using /hyperframes:hyperframes, add clear animated captions to assets/video.mp4. Keep the source aspect ratio. Footage stays untouched.
```

_Только субтитры: анимированные, исходник не трогается_

```
Using /hyperframes:hyperframes, add a title card at 0:00 and motion graphics that highlight the key words in assets/video.mp4. Keep graphics away from my face.
```

_Моушн-графика: заставка и анимированные акценты на ключевых словах_

```
Add a whoosh on each scene transition, and subtle background music, ducked ~12 dB under the voice.
```

_Звук: эффекты на переходах и музыка под голос_

- Давай точные цифры: «заставка - 3 секунды», а не «покороче»
- Текст на экране пиши в кавычках, слово в слово: Change the headline to "Ship faster."
- Звуки из встроенной библиотеки и Openverse бесплатные, аккаунт не нужен
- Правишь в том же диалоге - Claude меняет код сцены и обновляет превью

[Субтитры и склейки в HyperFrames](https://hyperframes.heygen.com/guides/captions-and-recuts)

// Шаг 4

## Смотришь и рендеришь в MP4

- 1 «Проверь превью» — Claude сам открывает локальное превью в браузере. Закрыл - запусти снова командой npx hyperframes preview в папке проекта. В браузерном редакторе можно поправить и руками.
- 2 «Проверь субтитры» — Имена, термины и цифры - глазами. Ролик должен читаться без звука, последняя подпись - уходить до конца видео.
- 3 «Отрендери» — Попроси Claude отрендерить или запусти команду рендера сам. Без --output файл ляжет в папку renders.

```
npx hyperframes render --output final.mp4
```

_Рендер готового ролика в MP4_

```
npx hyperframes render --quality draft --output draft.mp4
```

_Быстрый черновой рендер, чтобы посмотреть монтаж_

врезка `// Если что-то не так`: текст «Claude не видит скилл - открой новую сессию или набери /reload-plugins. Рендер падает - запусти npx hyperframes doctor и исправь то, что он покажет.»

---

// Финал

## Проверь себя

- [ ] Открыть репозиторий HyperFrames на GitHub
- [ ] Убедиться, что стоят Claude Code, Node.js 22+ и FFmpeg
- [ ] Выполнить две команды установки плагина
- [ ] Перезапустить Claude Code или набрать /reload-plugins
- [ ] Прогнать npx hyperframes doctor без ошибок
- [ ] Положить своё видео в папку assets проекта
- [ ] Попросить Claude вырезать паузы и сделать склейки
- [ ] Добавить субтитры на чистовой монтаж
- [ ] Добавить моушн-графику и звуковые эффекты
- [ ] Проверить ролик в превью
- [ ] Отрендерить final.mp4

---

Источник: https://localhost:3000/m/hyperframes-montazh-rolika-cherez-claude-code