video-shotcraft — как собирать кинематографичные видео на Remotion в Claude Code и Codex

video-shotcraft — это agent skill для Claude Code и Codex, который превращает агента в моушн-студию и собирает кинематографичные промо-ролики на Remotion. Внутри — 106 карточек-рецептов кадров, 161 моушн-превью и готовый видео-шаблон, из которых агент складывает финальный ролик.

Что такое video-shotcraft

video-shotcraft — это библиотека рецептов и методология продакшена поверх Remotion. Агент подгружает её как skill и собирает по ней ролик: снимает реальные страницы вашего продукта, добавляет 2.5D-движение камеры (имитация глубины и параллакса на плоских скриншотах), синхронизирует склейки под бит музыки и накладывает киношный звук.

Генерации «видео из одной строки текста» здесь нет. На входе — ваш продукт и раскадровка, на выходе — собранный проект Remotion, который вы дорабатываете и рендерите как обычный код.

Что входит в комплект

Как это связано с Remotion

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

Каждая карточка кадра — это описание приёма плюс рабочая Remotion-реализация. Агент не выдумывает анимацию с нуля, а берёт demo-компонент с уже выверенными параметрами и подставляет в него ваш контент.

Что нужно заранее

Установка

Скилл живёт в скилл-директории агента. Есть три пути подключения.

Путь 1. Отдать ссылку агенту. В Claude Code или Codex просто скажите агенту установить скилл по ссылке — он сам склонирует репозиторий и слинкует его в нужную папку:

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

Путь 2. Через CLI skills.

npx skills add Vincentwei1021/video-shotcraft

Путь 3. Вручную через git. Клонируете репозиторий и создаёте симлинк в скилл-директории:

git clone https://github.com/Vincentwei1021/video-shotcraft.git
cd video-shotcraft
ln -s "$(pwd)" ~/.claude/skills/video-shotcraft   # для Claude Code
# или
ln -s "$(pwd)" ~/.codex/skills/video-shotcraft    # для Codex

Как давать команды агенту

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

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.
Design a product close-up inspired by spotlight-hero-card.

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

Шаблон Ink Press: самый быстрый путь

В комплекте идёт валидированный шаблон Ink Press — законченный промо-ролик на 36.2 секунды (1920×1080, 30fps, 10 кадров) с 2.5D-движением по реальным страницам, титрами, переходами и полностью выставленным киношным звуком.

Чтобы получить ролик того же качества, достаточно попросить агента собрать промо на этом шаблоне — он подставит ваши скриншоты, тексты и брендинг:

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

Это самый надёжный маршрут к готовому фильму: вместо сборки с нуля агент переиспользует проверенную структуру.

Лицензии и лимиты

Практические сценарии

• Промо веб- и десктоп-продуктов — основной сценарий, под который заточена библиотека.
• Фичер-демо: показать одну возможность через 1–2 конкретных кадра (например, deck-deal-flyin или row-embed).
• Лаунч-ролики и бренд-фильмы из отдельных карточек.
• Быстрый прототип раскадровки: собрать черновой монтаж на шаблоне, показать команде, потом дорабатывать.

Структура репозитория

video-shotcraft/
├── SKILL.md                 # точка входа для агента и правила продакшена
├── references/
│   ├── pipeline.md          # сквозной процесс производства
│   ├── shots/               # 106 карточек-рецептов кадров
│   ├── sequences/           # готовые структуры и паттерны роликов
│   ├── aesthetic-rules.md   # критерии визуального QA
│   ├── music-beat-sync.md   # методика бит-синка под музыку
│   └── sound-design.md      # гайд по саунд-дизайну
├── demos/                   # Remotion-реализации кадров
├── gallery/                 # статичная галерея моушн-превью
├── template/                # запускаемый шаблон Ink Press
└── assets/
    ├── lib/                 # переиспользуемые Remotion-компоненты
    ├── scripts/             # скрипты захвата страниц
    └── audio/               # SFX и детали атрибуции

Чек-лист быстрого старта

Ссылки

• Репозиторий: github.com/Vincentwei1021/video-shotcraft
• Галерея кадров и превью: vincentwei1021.github.io/video-shotcraft
• Remotion: remotion.dev
• Лицензия Remotion: github.com/remotion-dev/remotion/blob/main/LICENSE.md
• CLI skills: skills.sh

По теме

Статья: Как я решил узнать, что вообще живет на моих серверах, и позвал Codex с фонариком

Блог: Codex теперь управляет вашим Mac — и это больше не про код

База знаний: Remotion — фреймворк программной генерации видео на React и его использование в OpenAI Codex

Если планируете поставить сборку промо-роликов на поток — от выбора кадров до пайплайна рендера в Codex, — это одна из тех задач, которую быстрее распутать вместе, чем собирать вслепую.

Если захотите обсудить, как это применить у себя или в команде — пишите в Telegram @pimenov