ShotCraft сам монтирует рекламные ролики из текстовой идеи: мы попробовали и вот, что из этого получилось

Что это вообще такое  

Обычный видеогенератор принимает промпт и отдает пиксели. Здесь логика обратная: ничего не генерируется нейросетью, весь ролик — это детерминированный React-код, который Remotion покадрово отрисовывает в браузере и склеивает в mp4. Роль ИИ — написать этот код правильно.

Проблема в том, что «правильно» для моушн-дизайна — это десятки негласных числовых решений: сколько кадров держать логотип после посадки, какая кривая замедления у наезда камеры, за сколько кадров до склейки ставить вспышку. Агент, которому просто сказали «сделай красиво», эти значения выдумывает — и получается то, что автор репозитория называет «слайд-шоу».

video-shotcraft закрывает именно этот разрыв. Карточка кадра — это не описание эффекта, а протокол его настройки. Вот фрагмент карточки brand-ink-open, открывающей шаблонный ролик.

Отдельный раздел карточки — «известные ямы», и он написан как разбор реальных правок: «паузу надо давать моменту посадки логотипа, а не обычной текстовой карточке — однажды по ошибке добавили обычной карточке и быстро откатили». Библиотека выглядит как выжимка из чужого продакшена, а не как сгенерированный справочник.

Всего таких карточек 157, разложенных по десяти категориям.

К каждой карточке приложена реализация в demos/ — всего 221 TSX-файл. Агент не пересказывает карточку своими словами, а читает ее целиком и открывает исходник с реальными коэффициентами.

Посмотреть, как это выглядит в движении, можно в галерее — там 214 превью с поиском и фильтрами. Учтите: в самом репозитории превью нет. Они лежат в GitHub-релизе и качаются отдельным скриптом gallery/fetch-media.sh через gh release download, поэтому локальная копия галереи открывается пустой.

Установка  

Самый короткий путь — отдать ссылку агенту:

В репозитории есть и .claude-plugin/plugin.json, так что он ставится и как плагин Claude Code.

Первое замечание для Windows: ln -s в Git Bash создаст символьную ссылку только если включен режим разработчика или оболочка запущена от администратора. Без этого проще сделать junction — он не требует прав:

Клон занимает 99 МБ рабочего дерева — основной вес дают текстуры страниц и аудиобиблиотека. 

Прогон шаблона Ink Press 

Шаблон — это отдельный самодостаточный Remotion-проект в папке template/. Все скриншоты, нарезки элементов и одиннадцать использованных звуков уже лежат в template/public/, так что для первого прогона ничего досыпать не нужно.

Установка зависимостей — 185 пакетов, около четырех минут. Перед первым рендером Remotion докачивает браузер chrome-headless-shell на 113 МБ.

Мы сначала сняли контрольный статичный кадр, как советует документация шаблона:

На выходе кадр с крупным планом карточки продукта, страница уходит в перспективу. 

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

Как выглядит работа через агента  

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

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

Можно и адресно: «сними этот кадр по карточке deck-deal-flyin» — тогда скилл не предлагает шаблон, а идет прямо в нужную карточку.

Для свободного режима в references/pipeline.md расписан пайплайн из восьми стадий: понимание продукта, визуальное направление и styleframe, соответствие функций кадрам, раскадровка, финальный сбор материала, покадровая реализация, звуковой дизайн, приемка. Приемка идет по отдельному чек-листу из одиннадцати критериев в references/aesthetic-rules.md.

Заявленное железное правило в SKILL.md стоит процитировать отдельно, потому что оно объясняет, почему ролики не выглядят как набор абстрактных анимаций: реальные страницы продукта можно показывать только настоящими скриншотами. Рисовать интерфейс кодом разрешено лишь там, где ничего не воспроизводится — в абстрактной заставке или брендовом блоке, — и если результат не дотягивает до типографского качества, скилл обязан вернуться к скриншотам. 

Семь кадров на своем материале  

Шаблон — это чужой продукт в чужом оформлении. Чтобы проверить библиотеку там, где она и должна работать, редакция собрала семь вертикальных роликов 1080×1920 на материале собственного сайта: по одному кадру на каждую из семи категорий карточек.

Первым шагом идет не видео, а дизайн. Скилл требует вытащить визуальный язык из самого продукта, и это делается за один запрос к живой странице — из computed styles сайта вернулись чернильный #1D1D1F, приглушенный #68696D, акцентный #EB5643, линия #BDC0C7 и семейство Inter. Дальше все титры, цифры, подчеркивания и свечения в роликах используют только эти значения.

Вторым шагом — сбор материала по методике скилла. Скрипт на puppeteer снял три вещи: полностраничный скриншот в двойном разрешении, десять вырезок карточек новостей с прозрачным фоном и layout.json с координатами и текстами.

typewriter-moves и marker-underline-title

Ограничения 

Границы у инструмента двух разных природ, и их стоит разделять. Одни — следствие того, что скилл писался под конкретную среду и конкретный рынок. Другие лежат вне репозитория и снимаются только деньгами или заменой материала. Ни те, ни другие не отменяют результат, но бюджет времени они меняют заметно.

1. Рабочие документы скилла написаны по-китайски: SKILL.md, все 157 карточек кадров, пайплайн, описание шаблона, интерфейс воркбенча и руководство к нему. Двуязычны только README и онлайн-галерея — в ней 157 английских описаний карточек и 157 китайских. Агенту это не мешает, человеку, который хочет проверить решение агента по первоисточнику, — мешает.
2. Remotion, на котором все построено, имеет собственную лицензию: бесплатен для физлиц, некоммерческих организаций и коммерческих компаний до трех сотрудников включительно. Компании от четырех человек нужна платная лицензия — то есть для редакции или агентства это платный инструмент, хотя сам скилл под Apache 2.0.
3. Демонстрационные материалы шаблона — интерфейс вымышленного продукта с китайскими подписями. До публикации их надо заменить целиком, иначе в кадре чужой интерфейс.
4. Превью движений в репозиторий не входят — они лежат в GitHub-релизе и качаются через gh. Локальная галерея открывается пустой, смотреть библиотеку придется на сайте.
5. На Windows работает только базовый маршрут: клон, установка, рендер шаблона через Remotion CLI. Воркбенч требует четырех правок в коде репозитория, описанных выше. Заметки README о запуске в headless-окружении написаны только для Linux.

Сложить это вместе — получится довольно четкий портрет того, кому инструмент подойдет без оговорок: разработчик или команда на macOS либо Linux, готовые читать китайскую документацию и имеющие право на бесплатную лицензию Remotion. Все остальные заплатят за вход — временем на правки под Windows, лицензией или отказом от части заявленных функций вроде экспорта в редактор. Важно, что ни одно из ограничений не касается главного: сама библиотека рецептов работает везде, потому что это текст с числами, а не исполняемый код.

Кому это пригодится 

Основной сценарий очевиден: продуктовая команда, у которой есть работающий веб-интерфейс и нет бюджета на моушн-студию. Раньше выбор был между промо за несколько тысяч долларов и шаблоном из видеоредактора, по которому сразу видно шаблон. video-shotcraft дает третий вариант — ролик, собранный по параметрам чужого хорошего продакшена, ценой дня работы с агентом.

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

Для дизайнера библиотека остается полезной и без единой строчки кода.