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

Предлагайте ИИ описание продукта → ИИ генерирует несколько изображений → сопровождает музыку → экспортирует видео.

Но те, кто действительно делал видео о продуктах, поймут,«Можность создавать видео» и «можность создавать достойный рекламный фильм о продукте» - это две разные вещи.

По-настоящему сложная вещь в видеоролике продукта заключается не только в анимации, но и в том, как организовать страницу продукта, язык съемок, визуальный дизайн, ритм, звук и пост-продюсерство в единый производственный процесс.

Проекты с открытым исходным кодом, которые мы видели в последнее время video-shotcraftИменно эта проблема и решается.

Это не простой генератор видео, а «библиотека навыков создания видео для кинопродуктов», ориентированная на Claude Code, Codex и других AI агентов: собрать большое количество зрелых способов движения кадров в многократно используемый Shot Recipe, а затем содействовать реализации Remotion, полного шаблона видео, звуковых материалов и производственного процесса, чтобы AI Agent не просто «писывал код для анимации», но мог выполнять видео продукта в соответствии с относительно полным набором методов производства фильма и телевидения.

На сегодняшний день данный проект уже включает 152 карты рецептов, 209 динамических предварительных просмотров, 209 стилей движения и полный набор рабочего шаблона рекламного ролика。В настоящее время репозиторий GitHub получил более 6200 звезд и более 500 форков.

video-shotcraft Репозиторий GitHub

---

Во-первых, какую проблему она решает?

Традиционное производство видео продукта может быть разделено на несколько этапов:

Понимание продукта → Креативность → Styleframe → Спекулятор → Сбор материалов → Анимация → Звуковые эффекты → Редактирование → Тендеры → QA

Если любое звено не будет хорошо выполнено, конечный эффект будет снижен.

Например:

• Скриншоты продукта поддельные, и зрители могут увидеть их с первого взгляда;
• Анимация очень потрясающая, но не подчеркивает функции продукта;
• отсутствие ритма между каналами;
• BGM и картинки не имеют точек карточки;
• SFX добавляется, звук становится дешевым;
• Все элементы движутся, без «застоян» и «дыхания»;
• Шрифты, цвета и дизайн системы самого продукта совершенно несовместимы.

Таким образом, реальная проблема не заключается в следующем:

"Может ли ИИ создать анимацию?"

Вместо этого,

Может ли ИИ понять продукт и выбрать подходящий язык съемки, чтобы связать весь процесс производства видео?

Идея video-shotcraft очень интересная:Вместо того, чтобы агент каждый раз изобретает анимацию с нуля, дайте ему набор «языка кадров», который можно извлекать, комбинировать и многократно использовать.

---

Преобразование «опыта создания видео» в «рецепт выстрелов»

Основным дизайном video-shotcraft является Shot Recipe.

В настоящее время в проекте собраны 152 карты рецептов объектива, каждая из которых не просто говорит ИИ:

«Сделать анимацию в полете».

Вместо этого он структурирует ключевую информацию, необходимую для съемки, включая:

• Цель объектива
• Эмоции и энергия
• Рекомендуемая продолжительность
• Параметры анимации
• Реализация
• Предупреждение
• Удаленная демо-версия
• Динамический просмотр

На самом деле, это делает очень важную вещь:

Преобразуйте «знания о дизайне движения», которые ранее опирались на опыт дизайнера, в базу знаний, которую агент может вызвать.

Например, для демонстрации функций продукта может потребоваться:

Появление страницы → Карты влетают → Расположение → Продвижение объектива → Фокус на объекте → Информация остается

Если полностью позволить LLM играть самостоятельно, это легко появиться:

Масштабирование + Поворота + Освещение + Частицы + Отскоки + Размытие + Камерное встряскание...

Выглядит «очень AI», но не обязательно высококлассным.

Рецепт Shot Recipes рассказывает агенту:

Какую синтаксис движения следует использовать для этой сцены и как это движение должно быть реализовано.

Это очень похоже на то, что программисты вызывают библиотеку компонентов.

Ранее это было:

Написать анимацию с нуля.

Теперь это становится:

Выберите язык движения из библиотеки кадров → настроить параметры → адаптировать материал продукта.

---

Почему выбираете Remote?

Основная реализация video-shotcraft использует Удаленность。

Основная идея Remotion заключается в том, чтобы описать видео с помощью React / TypeScript.

Это очень важно для агентов.

Многие операции в традиционном видеопрограммном обеспечении включают:

Временная линия → Перетаскивание → Настройка параметров → Предварительный просмотр → Настройка.

Более естественным способом работы агента кодирования является:

Читать код → изменить параметры → визуализировать → проверить → изменить снова.

Таким образом, Remotion идеально подходит в качестве уровня видеоисполнителя для агента ИИ.

Демонстрация video-shotcraft сама по себе является TSX-реализацией, и большое количество анимации использует стандартные стандарты tнормализованный прогресс (normalized progress)

Таким образом, камеры могут быть абстрагированы:

Ввод материалов + параметры анимации + временный прогресс → вывод экрана

Это делает «объектив» программируемым активом.

---

Четвертый, наиболее примечательный момент: реальная страница продукта, а не AI ручной интерфейс пользователя

Я считаю, что это один из самых ценных принципов дизайна в video-shotcraft.

В проекте четко подчеркивается:

Для воспроизведения существующей страницы необходимо использовать реальные скриншоты.

Другими словами, если видео представляет собой продукт SaaS, то не следует заставлять ИИ самостоятельно рисовать панель приборов, которая «выглядит как».

Правильным подходом является следующее:

Реальная страница продукта → Автоматизация браузера → Скриншоты высокого разрешения → Материалы на уровне элементов → Удаленное движение

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

Это имеет очень очевидный преимущество:

Продукт в видео, на самом деле, тот продукт, который использует пользователь.

Это значительно повышает достоверность видеопродукции.

---

2.5D: Почему скриншоты продуктов также могут быть «фильмографическими»?

Если у вас есть только один скриншот веб-страницы, обычная практика может быть следующей:

Увеличение → Уменьшение → Перемещение влево.

Вскоре он станет PPT.

Подход video-shotcraft ближе к 2.5D-фотографии.

Веб-страница может быть воспринята как множество различных визуальных слоев:

Camera
  │
  ├── Background
  │
  ├── Page
  │    ├── Header
  │    ├── Content
  │    └── Cards
  │
  └── Foreground

Затем приняли:

• Камера Zoom
• Pan
• Орбита
• Перспективы
• Глубина
• Параллакс
• Rotation

Предоставляет первоначально плоскую страницу ощущение пространства.

Например:

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

Теперь зрители видят больше не «экриншоты веб-страницы», а скорее камеру, которая снимает реальное пространство продукта.

---

Настоящий «фильм», а не дополнительные эффекты.

В принципе проектирования проекта есть одна фраза, которая заслуживает внимания:

Ощущение кино заключается в сочетании зеркал, света и теней, ритма и звука, а не в демонстрационной анимации.

Это много видео AI легко ступать на яму.

Легко думать:

Дополнительные = больше анимаций.

Таким образом:

• Каждый элемент летает;
• Каждый элемент светит;
• Каждое слово - это;
• Каждый переход добавляет blur;
• Каждое из них - камеры.

Результаты часто оказываются противоположными.

Video-Shotcraft подчеркивает:

Камерка говорит только об одном движении.

Например, если выберите «Влетит» в календу, то влетит будет главным героем этого календа.

Вместо этого:

Влет + вращение + свечение + частицы + отскок + встрясение.

Этот подход очень близок к традиционному дизайну движения.

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

---

Еще один ключ: «застановить картинку».

ИИ генерирует анимацию с естественной тенденцией:

Всегда двигайтесь.

Потому что для модели «движение», как представляется, означает «содержание».

Но профессиональное видео требует как раз большого количества Hold.

У video-shotcraft есть очень четкие правила для этого:

• После установки марки требуется не менее 1 секунды Hold;
• Время покоя после окончания пакетной анимации;
• - необходимо предоставить достаточно времени для начала движения;
• Перерывные кадры заблаговременно зарезервированы на временной линии.

Причина очень проста.

Если картинка продолжает двигаться:

У зрителей нет времени, чтобы понять информацию.

Настоящий ритм видео продукта должен быть:

Действие → Установление → Понимание → Следующее действие

Вместо этого:

Движение → Движение → Движение → Движение → Движение ...

Таким образом, «заостановка» сама по себе - это дизайн.

---

BGM - это не просто фоновая музыка, а временная линия.

Еще одна очень интересная часть - это обработка Beat Sync в video-shotcraft.

Многие видео называют «карточками», но на самом деле это просто:

Анимация производится каждые несколько кадров.

Это не настоящая музыкальная карточка.

Идея проекта состоит в том, чтобы сначала проанализировать саму музыку, включая:

• BPM
• Фаза
• Kick
• Snare
• Hi-hat
• Переходные

Затем эта информация сопоставляется с временной шкалой видео.

В конце концов, время съемок больше не просто записывается:

0s
2s
4s
6s

Более близко:

beatF(1)
beatF(2)
beatF(4)
beatF(8)

Это позволит:

Переключение объектива, появление элементов, перемещение камеры, Impact, SFX

Это действительно происходит в ритме музыки.

В проекте также была разработана идея обратной проверки ошибок касательных точек после визуализации с целью ограничения ошибок в пределах небольшого числа кадров.

На самом деле, это говорит об одном:

Видео ритм также может быть инженерно настроен.

---

Звуковой дизайн: SFX не «последнее»

Многие автоматически сгенерированные видео игнорируют звук.

На самом деле, один и тот же снимок:

Нет голоса.

и

Использование точного Impact / Riser / Sparkle / UI Click

Это совершенно два чувства.

Video-shotcraft даже классифицирует SFX по сценариям и материалам.

В настоящее время проект состоит из 149 SFX, и в соответствии с:

• transition
• Влияние
• riser
• камера
• UI
• text
• бумага
• Фильм
• light
• данные
• sci-fi
• Мех
• glass
• fluid
• толпа
• счетчик

и других категорий организаций.

Эта классификация очень похожа на собственный «звуковой словарь» дизайнера.

Например:

Появляется элемент UI → UI sound
Перевертывание страниц Paper Sound
Взрыв - Impact
Появление световых эффектов → Sparkle / light
Высокий камеры RISER

Так что звук также становится частью языка камеры.

---

152 карты объектива - это просто «слова», а не полный спектратор.

Это очень важно для понимания этого проекта.

Рецепт выстрела не равен полному видео.

Это больше похоже на:

Слово в языке кино.

Например:

• Fly-in
• Stack
• Орбита
• Zoom
• Flip
• Reveal
• Spotlight
• Параллакс

Это "слова".

Реальное видео выглядит так:

Слово → предложение → абзацы → история

Так, video-shotcraft также предлагает полную производственную линию.

Он хочет, чтобы агент сначала понимал продукт:

产品是什么？
      ↓
最值得展示什么？
      ↓
视觉方向是什么？
      ↓
哪些功能适合哪些镜头？
      ↓
完整 Storyboard
      ↓
素材采集
      ↓
动画实现
      ↓
声音设计
      ↓
渲染
      ↓
QA

Это на один уровень выше, чем просто «позволить ИИ написать код Remotion».

---

В действительности, он предлагает три модели творчества.

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

1.Шаблоны Ink Press

Это лучший маршрут для быстрого выхода фильма.

Проект предоставляет полный набор проверенных шаблонов для рекламных материалов:

• 36.2Скунда
• 1920×1080
• 40fps
• 10 камеры
• 2.5D-страницы
• Title Card
• Переход
• SFX

Пользователю нужно просто сказать агенту:

Используйте шаблоны Ink Press от video-shotcraft для рекламы моего продукта.

Затем заменяйте:

• Скриншоты продукции
• Копирование продуктов
• Логотип
• Цвет марки

Таким образом, можно быстро получить полноценное видео.

---

2.Самостоятельное свободное творчество

Если вы не хотите использовать фиксированные шаблоны, агент может решить:

• Видеоструктура
• Визуальное направление
• Выбор объектива
• Обработка материалов
• Аудио
• Ритм
• Окончательное осуществление

Это больше похоже на:

Режиссерская модель.

Пользователи дают продукты и цели, а агент сам выполнит весь процесс создания.

---

3.Совместное творчество

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

Агент останавливается в нескольких ключевых пунктах:

Презентация продукта → Решение о требованиях → Визуальное направление → Карта выстрелов → Storyboard

Затем человек подтверждает.

После этого:

Сбор материалов → Remote Implementation → SFX → Render → QA

Передается агенту для исполнения.

Это фактически решает очень реальную проблему:

Не все решения должны приниматься сами.

Креативные направления и бизнес-цели часто требуют участия людей.

В то же время, его реализация может быть высоко автоматизирована.

---

Галерея - еще один очень умный дизайн этого проекта.

Было бы очень болезненно, если бы пользователь попросил прочитать 152 карты Markdown.

Проект предоставляет онлайн-галерею.

Пользователи могут:

• просмотр кадров;
• просмотр динамического предварительного просмотра;
• Поиск;
• фильтрация по категориям;
• просмотр различных вариантов;
• Копируйте имя Shot Card.

Онлайн галерея движений

Этот дизайн фактически позволяет:

«Какую анимацию я хочу? »

Это стало вопросом визуального выбора.

Пользователям не нужно описать:

«Я хочу, чтобы у одного было немного 3D пространства, а затем быстро перейти с правой стороны, а затем немного медленно движущаяся карты стека ... »

Нужно только:

«Я хочу это».

Затем передать имя Shot Card агенту.

Это очень важно для сотрудничества между людьми и ИИ.

---

Переход от «прогнозного инжиниринга» к «инжинирингу активов»

Я думаю, что самое главное, что стоит обратить внимание на video-shotcraft, это не 152 карты объектива.

А вот подход, лежащий за ним:

Не просто оптимизируйте Prompt, готовите вызываемые активы ИИ.

Традиционные рабочие потоки ИИ:

Prompt
  ↓
LLM
  ↓
代码
  ↓
结果

А video-shotcraft ближе:

Product
   ↓
Knowledge / Rules
   ↓
Shot Recipes
   ↓
Reference Implementations
   ↓
Assets
   ↓
Agent
   ↓
Remotion
   ↓
Render
   ↓
QA

Это типичный вид. Агенты Skill Engineering。

Возможности ИИ больше не зависят полностью от самой модели.

Вместо этого,

Модель + Инструменты + Знания + Шаблон + Многоразовые активы + Правила приемки

Совместное формирование конечных возможностей.

---

Почему эта модель может быть более практичной, чем «ИИ создает видео одним кнопкой»?

В настоящее время многие видео инструменты AI подчеркивают:

Введите слово → Выведите видео.

Этот метод очень подходит для:

• творческие исследования;
• Концептуальное видео;
• контент социальных медиа;
• Атмосферные фильмы;
• Неструктурированный контент.

Но для видео продукта есть особые требования:

Это должно быть точным.

Страница продукции не может быть изменена произвольно.

Логотип не меняется.

Функции не могут быть сделаны.

В интерфейсе пользователя не могут появиться несуществующие кнопки.

Текст не может быть переписан.

Так что видео продукта на самом деле лучше подходит:

Агент + код + реальные активы

Вместо того, чтобы полностью зависеть:

Текст → генеративное видео

Мартировка video-shotcraft, по сути, состоит в:

Позвольте ИИ отвечать за творческую и инженерную организацию, реальные активы продукта отвечать за точность фактов, а Remotion отвечать за создание определенного изображения.

Это особенно важно для SaaS, инструментов для разработчиков, настольных программ, продуктов ИИ.

---

В этом проекте можно увидеть еще более широкую тенденцию.

Если вы рассмотрите video-shotcraft в экологическом контексте AI Agent, то это может быть не просто «ИИ делает видео».

Это более широкий путь:

Agent Skill превращается из «подсказок» в «профессиональный рабочий процесс»

Опытный агент, который может включать в себя:

Skill
├── Rules
├── Knowledge
├── Templates
├── Recipes
├── Components
├── Assets
├── Tools
├── Examples
└── QA

Это очень похоже на традиционное программное обеспечение.

В прошлом мы предлагали программистам:

API + SDK + библиотека компонентов

Также можно отправить агенту:

Навыки + рецепт + шаблон + библиотека активов + цепочка инструментов

Затем агент должен выполнить свою работу над этими способностями.

Video-shotcraft - это очень простой пример.

---

16. Как начать пользоваться?

Самый простой способ - это передать адрес склада непосредственно Claude Code или Codex:

Install this skill for me:
https://github.com/Vincentwei1021/video-shotcraft

Также можно использовать skill CLI:

npx skills add Vincentwei1021/video-shotcraft

Клонировать прямо:

git clone https://github.com/Vincentwei1021/video-shotcraft.git

cd video-shotcraft

Затем создается связь Skill в зависимости от используемого агента.

После завершения установки можно сразу же задать такой запрос:

Use video-shotcraft to create a promo for my desktop product.

Или указать объектив:

Use the deck-deal-flyin and row-embed shot cards
to present this feature.

Можно даже сказать прямо:

Use video-shotcraft to make a promo for my product
with the Ink Press template.

Полная установка и порядок использования, приведенные в проекте README, также более понятны.

---

17. Какой сценарий он лучше всего подходит в настоящее время?

С точки зрения позиционирования самого проекта, он наиболее подходит для:

Продукты SaaS

Например:

• Инструменты ИИ
• Программное обеспечение для управления проектами
• CRM CRM
• Платформа анализа данных
• Инструменты для совместной работы

Инструменты для разработчиков

Например:

• IDE
• Платформа API
• CLI
• DevTool
• Продукты AI Coding

Приложения для настольных ПК

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

Видео презентации продукции

Например:

Новый запуск Feature
Обновление продукта
Версия выпуска
Демонстрация продукта
Landing Page Hero Video

И один рецепт выстрела сам по себе не ограничивается рекламным роликом продукта, также может быть применен в:

• Фильм бренда
• Демонстрация функции
• Видео запуска
• Социальное видео
• UI Motion

ждать сцены.

---

Восемнадцать, где я думаю, что это действительно стоит.

Если смотреть только на video-shotcraft:

«Проект Remotion с 152 анимацией»

На самом деле, его недооценивают.

По-настоящему интересно было разбить область, которая в прошлом сильно зависела от человеческого опыта, на производственную систему, которую можно выполнять агентом:

设计经验
   ↓
镜头配方
   ↓
代码实现
   ↓
模板
   ↓
素材库
   ↓
声音设计
   ↓
生产流程
   ↓
自动化 QA

Это очень типичный тип:

Знания → Рабочий процесс → Агент → Производство

Путь.

В конечном итоге, агенты ИИ могут изменить не то, что «позволяет ИИ делать больше», а то, что:

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

---

Видео будущего, возможно, будет не «генерироваться», а «производиться»

В прошлом мы обсуждали видео об ИИ, часто вокруг одной проблемы:

«Какая модель создает видео наиболее реалистично? »

Но для команды разработчиков продуктов действительно важными вопросами могут быть:

«Может ли ИИ создать видео, которое можно опубликовать на основе моего продукта? »

Эти две проблемы совершенно разные.

Первый обеспокоен тем, поколение。

Последний обеспокоен тем, что Продукция。

Video-shotcraft выбрал именно второй путь.

Вместо того, чтобы заставить ИИ представить себе красивое видео, он дает агенту набор языков съемки, реальных материалов продукта, реализаций Remotion, звуковых ресурсов, шаблонов и стандартов качества.

В конечном итоге, от одного из:

Конструктор кодов анимации

Постепенно превращается в:

«Ассистент по созданию видео продуктов, понимающий язык камеры».

Это может быть очень интересным направлением развития навыков агентов:

Будущий профессиональный ИИ не обязательно будет большей моделью, а может быть тщательно продуманной «моделью + рабочий процесс + инструменты + активы + система принятия».

А video-shotcraft, как раз, дает очень конкретный и красивый случай.

Главная страница проекта: Vincentwei1021 / video-shotcraft