Создавай профессиональные видео, используя только Claude Code и скилл /remotion-video. Реклама продукта, рилсы, анимированная статистика, контент для соцсетей: опиши, что хочешь, и Claude собирает видео за тебя. Без After Effects. Без видеоредакторов. Без навыков дизайна.
Как это работает
Всё, что нужно сделать:
- Скачай PDF ниже
- Вставь весь PDF в Claude Code в десктопном приложении
- Набери /remotion-video, а дальше любое видео, которое хочешь сделать
Вот и всё. Claude читает встроенные инструкции, сам ставит Remotion и берёт на себя всё: настройку композиции, анимацию, текстовые надписи, переходы и рендер в MP4.
Что можно сделать
- Рекламу продукта и промо-видео
- Рилсы для соцсетей (вертикаль 1080x1920)
- Анимированную статистику и визуализацию данных
- Брендированный контент со своими шрифтами и цветами
- Видео с кинетической типографикой
- Объясняющие анимации
- Любую моушн-графику, которую можешь описать
Что нужно
Node.js 18 или выше
Открой терминал и набери node --version, чтобы проверить. Если нужно установить, зайди на nodejs.org и скачай версию LTS.
Claude Code (десктопное приложение)
Скачай десктопное приложение Claude с claude.ai/download, если ещё нет. Именно там ты вставишь команду установки и будешь использовать /remotion-video.
Не обязательно быть разработчиком. Не нужно знать React. Не нужен прошлый опыт с Remotion. Скилл всё это берёт на себя.
Скилл /remotion-video
Это скилл для Claude Code, который даёт Claude возможность:
- Создавать новые композиции Remotion из текстового описания
- Добавлять анимированные текстовые надписи, переходы и эффекты
- Настраивать длительность, разрешение и частоту кадров видео
- Делать превью в Remotion Studio
- Рендерить в MP4
Рабочий процесс
- Ты описываешь видео, которое хочешь
- Claude запускает npx create-video@latest, если проекта ещё нет
- Создаёт новый файл композиции
- Собирает React-компонент на примитивах Remotion
- Открывает Remotion Studio для превью
- Рендерит финальный MP4
Ключевые паттерны анимации
Под капотом скилл использует эти примитивы Remotion:
- useCurrentFrame() и useVideoConfig() хуки для покадровой анимации
- interpolate() для плавных переходов значений между ключевыми кадрами
- spring() для естественного движения на физике
- AbsoluteFill для наложения элементов слоями
- Sequence для тайминга блоков
- TransitionSeries для переходов между сценами с эффектами вроде fade, slide, wipe и flip
Опции рендера
- Превью: npx remotion studio
- Рендер в MP4: npx remotion render CompositionId out.mp4
- Вертикальное видео: добавь --width 1080 --height 1920
Стартовые промпты
Попробуй эти для начала:
/remotion-video Create a 15-second product ad for a coffee brand called "Summit Brew". Dark moody aesthetic, gold accents, show the product name with kinetic typography, end with the tagline "Rise Above the Ordinary"
/remotion-video Make a vertical reel (1080x1920) showing 5 AI statistics with animated counters. Use a clean tech aesthetic with a dark background and cyan accent color. Each stat should appear for 3 seconds with a smooth transition.
/remotion-video Build a 10-second animated logo reveal for a company called "Nexus Labs". Minimal style, white background, the logo text should assemble letter by letter with a subtle spring bounce.
Если что-то пошло не так
Если на установке или рендере возникла проблема:
- Убедись, что установлен Node.js 18+ (node --version)
- Убедись, что используешь десктопное приложение Claude, а не веб-версию
- Если рендер падает, попроси Claude разобрать ошибку и исправить
- Для вертикального видео всегда указывай --width 1080 --height 1920
Забери полный гайд
Скачай PDF ниже: там полный гайд по настройке, включая шаги ручной установки, продвинутую конфигурацию и больше стартовых промптов.
Хочешь, чтобы такие системы собрали под твой бизнес?
Подпишись на канал, там разборы и гайды каждую неделю. Нужна работа под ключ, напиши напрямую.