Установка скиллов и плагинов OpenClaw осуществляется на ваш страх и риск. Все файлы были получены из открытых источников и предоставляются «как есть». Мы не гарантируем их корректную работу, безопасность или совместимость с вашей системой. Перед установкой настоятельно рекомендуется ознакомиться с содержимым кода и убедиться, что вы понимаете, какие изменения будут внесены в вашу систему.
Remotion Video Toolkit
Пишите React-компоненты — получайте реальные MP4-видео. Этот инструмент обучает AI-агентов и разработчиков созданию видео с помощью Remotion — от простой анимации до полноценного production-конвейера рендеринга.
Внутри — 29 правил и покрытие всех ключевых возможностей Remotion: анимации, тайминг, рендеринг, субтитры, 3D, графики и многое другое. :
Что можно создавать
Персонализированные видео в масштабе
Передавайте пользовательские данные через JSON и генерируйте уникальные ролики для каждого пользователя — от аналогов Spotify Wrapped до onboarding-видео.
Автоматические клипы для соцсетей
Подтягивайте актуальные данные (статистика, рейтинги, метрики) и автоматически публикуйте видео без ручного монтажа.
Динамическая реклама и маркетинг
Меняйте имя клиента, изображения товаров и цены — один шаблон, бесконечные вариации.
Анимированные визуализации данных
Преобразуйте дашборды и KPI в динамичные видео с графиками и анимациями.
Субтитры для TikTok и Reels
Автоматическая транскрипция аудио с подсветкой слов в реальном времени.
Видео-витрины продуктов
Генерация роликов напрямую из базы данных: изображения, характеристики, цены.
Образовательный контент
Создание курсов, сертификатов и обучающих видео — полностью на основе кода.
Видео как сервис
Открывайте API: приложение отправляет JSON — получает готовое видео.
Требования
- Node.js 18+
- React 18+ (рендеринг происходит покадрово)
- Remotion (инициализация через
npx create-video@latest) - FFmpeg (уже встроен в
@remotion/renderer) - Для serverless-рендеринга: AWS Lambda или Google Cloud Run
Что внутри
Основы
- Compositions — описание видео, кадров, папок и параметров
- Rendering — CLI, Node.js API, AWS Lambda, Cloud Run, Express
- Calculate metadata — динамическое управление длительностью, размерами и props
Анимация и тайминг
- Анимации: fade, scale, rotate, slide
- Тайминг: интерполяции, easing, физика пружины
- Секвенции: задержки, цепочки сцен
- Переходы между сценами
- Обрезка анимаций
Текст и типографика
- Анимации текста: печать, подсветка слов, reveal
- Шрифты: Google Fonts и локальные
- Измерение текста и адаптация под контейнер
Медиа
- Видео: вставка, обрезка, скорость, звук, loop
- Аудио: fade, громкость, скорость
- Изображения: компонент Img
- GIF: синхронизация с таймлайном
- Импорт любых медиа-ресурсов
Субтитры
- Транскрипция через Whisper, Deepgram, AssemblyAI
- Покадровая подсветка слов
- Импорт SRT-файлов
Визуализация данных
- Анимированные графики и диаграммы
Продвинутые возможности
- 3D через Three.js и React Three Fiber
- Lottie-анимации из After Effects
- Стилизация через TailwindCSS
- Измерение DOM во время рендеринга
Утилиты
- Длительность видео и аудио
- Размеры видео
- Извлечение кадров
Быстрый старт
# Создать проект
npx create-video@latest my-video
# Запустить предпросмотр
cd my-video && npm start
# Рендер в MP4
npx remotion render src/index.ts MyComposition out/video.mp4
# Передача данных
npx remotion render src/index.ts MyComposition out.mp4 --props '{"title": "Hello"}'Remotion выполняет код покадрово, превращая React-компоненты в полноценные видеофайлы. Такой подход делает видео воспроизводимыми, управляемыми через код и легко масштабируемыми. :
Итог: Remotion Video Toolkit превращает создание видео в программируемый процесс — с полной автоматизацией, контролем версий и возможностью масштабирования под любые задачи.
Файл из источника