ГлавнаяМатериалы из Reels/ShortsЧек-лист
Чек-лист
кодовое словоАвтомонтаж

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

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

Содержание6 глав
  1. 01Что должно стоять заранее
  2. 02Ставишь плагин двумя командами
  3. 03Закидываешь своё видео
  4. 04Пишешь, что нужно: склейки, субтитры, моушн-графика, звук
  5. 05Смотришь и рендеришь в MP4
  6. 06Проверь себя

HyperFrames - бесплатный инструмент с открытым кодом от HeyGen, почти 70 тысяч звёзд на GitHub. Каждая сцена в нём - это HTML-код, поэтому Claude собирает любую анимацию, которую ты опишешь, и рендерит её прямо в MP4 у тебя на компьютере.

HyperFrames на GitHub

Шаг 0

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

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

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

Шаг 1

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

01
Подключи маркетплейс HyperFrames
Открой терминал и вставь первую команду: claude plugin marketplace add heygen-com/hyperframes
02
Установи плагин
Вторая команда: claude plugin install hyperframes@hyperframes
03
Перезапусти 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

Шаг 2

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

01
Создай пустую папку проекта
Сделай папку под ролик и открой Claude Code прямо в ней
02
Положи исходник в assets
Создай внутри папку assets и скопируй туда своё видео, например assets/video.mp4. Музыку и звуки - туда же
03
Начни сообщение с вызова скилла
Каждый запрос начинай с /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

Шаг 4

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

01
Проверь превью
Claude сам открывает локальное превью в браузере. Закрыл - запусти снова командой npx hyperframes preview в папке проекта. В браузерном редакторе можно поправить и руками
02
Проверь субтитры
Имена, термины и цифры - глазами. Ролик должен читаться без звука, последняя подпись - уходить до конца видео
03
Отрендери
Попроси 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
Скачать материал