ИИ и нейросети 4 мин чтения

Как я монтирую видео в Claude Code: Remotion, HyperFrames и мои ошибки

Ролики для блога я теперь собираю в Claude Code. Вертикаль 1080×1920, мой шрифт, мои цвета, живой русский текст в кадре. Чтобы поменять цифру в ролике, я правлю одну строку и пересобираю.

Рассказываю, как устроена эта монтажная, сколько она стоит и где я уже ошибся, чтобы вы не повторяли.

Почему видео кодом

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

Я пошёл другим путём. Прошу нейросеть написать код, который рисует каждый кадр. Ролик становится программой: в нём заданы шрифты, цвета, тайминги и цифры. Сменил цифру, пересобрал, получил тот же ролик с новой цифрой.

Для блога это решает главную проблему. Серия роликов в одном стиле собирается из одного шаблона.

Из чего собрана монтажная

  • Remotion: библиотека, в которой видео описывается как веб-страница на React. Каждый кадр это обычный интерфейс, который Remotion фотографирует 30 раз в секунду и склеивает в mp4.
  • Remotion Studio: окно предпросмотра. Там видно ролик покадрово, и тайминги можно двигать мышкой.
  • Storybook: витрина отдельных элементов. Титр, плашку с цифрой или график можно отладить отдельно, до сборки ролика.
  • Onda: библиотека из 88 готовых анимированных компонентов. К ней официальные пакеты Remotion для переходов, смаза в движении, шума и субтитров.
  • Скиллы Remotion для Claude Code: 12 инструкций от разработчиков Remotion, которые объясняют модели, как правильно писать анимации. Ставятся одной командой npx skills add remotion-dev/skills прямо в проект.

Всё это Claude Code собрал по моей просьбе 23 сентября. Код руками я не писал: формулировал задачу и проверял результат.

Как выглядит работа над роликом

  1. Сценарий словами. Хук на первые 3 секунды, три-пять сцен, финал. Без технических подробностей.
  2. Claude Code раскладывает сцены и пишет для каждой компонент: что появляется, откуда, с какой скоростью.
  3. Смотрю в Remotion Studio и правлю словами: крупнее цифру, быстрее выход, добавь смаз на движении.
  4. Голос. Черновую начитку делаю через ElevenLabs клоном своего голоса, чтобы сразу проверить темп. Финальную записываю сам на свой микрофон.
  5. Субтитры делает Whisper: расшифровывает голос, и они встают в ролик по таймингу.
  6. Рендер в mp4 1080×1920 одной командой.

Screen Studio для записи экрана я покупать не стал. Приближения и курсор на записи экрана Remotion тоже делает кодом.

Для быстрых роликов есть HyperFrames

Для одноразового ролика на 10–15 секунд Remotion бывает избыточен. Для этого у меня стоит HyperFrames: это открытый инструмент, который превращает HTML-страницу с анимацией в mp4. Рендер локальный и бесплатный.

Конвейер такой. Один агент в Claude Code работает режиссёром: пишет план кадров и дизайн. Второй работает сборщиком: по этому плану делает страницу с анимацией. Потом рендер. Ролик на 14,5 секунды рендерится за 30–50 секунд.

Где я ошибся

Первые ролики вышли слайдшоу. Я повторял кадры референса и не повторял движение. Элементы появлялись и замирали, у них не было выхода. Теперь у каждого элемента есть вход и выход, а кадр собирается из пяти слоёв: фон, ассеты, графика, цветокоррекция, зерно.

3D выглядел мыльно. Ролик про то, что я собрал в Claude Code, сначала сделал в 3D. Картинка получилась размытой, я выкинул эту версию и пересобрал ролик в плоском моушне на обычной вёрстке и векторе. Стало чётко.

Агент перепутал цифру. В одном ролике сборщик нарисовал график и подписал общий итог как результат за две недели. Выглядело убедительно, и это самое опасное. Теперь все цифры в сценарии сверяю с источником до рендера.

Правило, которое вывел: до того как показывать ролик кому-то, Claude Code сам рендерит ключевые кадры и проверяет их глазами. Так косяки ловятся раньше, чем их увидит зритель.

Сколько это стоит

  • Remotion бесплатен для физлиц, некоммерческих организаций и компаний до 3 человек. Компании от 4 сотрудников покупают лицензию, от $25 за место в месяц.
  • HyperFrames бесплатный, открытая лицензия Apache 2.0.
  • Claude Code идёт в подписке Claude.
  • ElevenLabs для клона голоса платный, но для черновиков он не обязателен.

Кому это подходит

Если вы выпускаете много похожих роликов (кейсы с цифрами, анонсы, обучающие короткие видео), монтажная на коде окупается быстро. Шаблон делается один раз, дальше меняете текст и цифры.

Если нужен один художественный ролик с живой съёмкой, проще открыть привычный видеоредактор.

Похожий подход я использую в работе с компаниями. ИИ пишет код, код делает работу предсказуемо, человек проверяет результат. Так устроены системы, которые я внедряю: от ИИ-консультанта для сайта до отчётов из 1С. Если хотите такое у себя, разберу задачу на бесплатном созвоне.

А как модель, на которой всё это работает, изменилась в сентябре, я разобрал в статье про Claude Opus 5.5.

По теме статьиВнедрение ИИ в бизнес: решения и цены
Смотреть услугу →
Максим Бондаренко
Максим Бондаренко

Основатель агентства, Екатеринбург. Внедряю ИИ в бизнес, в маркетинге с 2016 года. Всё, о чём пишу, сначала пробую на своих компаниях. Разобрать мою задачу →

Созвон бесплатно

Хотите так же у себя? Разберу задачу

30 минут онлайн. Скажу, есть ли смысл внедрять ИИ, примерную цену и срок.

или сразу напишите мне в Telegram

Заявка ушла. Напишу в течение рабочего дня и предложу время для созвона.
Разобрать мою задачу