remotion-render
Рендерит видео (MP4) из React/Remotion компонентов (TSX) через inference.sh. Поддерживает все API Remotion, настраиваемые параметры и кодеки. Пригодится для программной генерации видео, анимированной графики и motion design.
AI101-skills
official
Разработка
★ 5
Что делает навык
Навык рендерит видео (MP4) из React/Remotion компонентов (TSX) через CLI inference.sh. Он позволяет программно генерировать видео, анимированную графику и motion design, поддерживая все API Remotion, настраиваемые параметры и кодеки.
Когда применять
- Программная генерация видео с анимированной графикой и motion design.
- Создание видео с плавными анимациями (fade-in, spring-анимации) с использованием API Remotion.
- Генерация видео с динамическим контентом, передаваемым через props.
- Создание последовательных анимаций с использованием компонента Sequence.
Как работает
- Установить belt CLI и выполнить авторизацию командой belt login.
- Подготовить TSX-код компонента, экспортирующего дефолтный компонент, используя импорты из remotion и react.
- Сформировать JSON-объект с параметрами: code, duration_seconds, fps, width, height, а также опционально props, composition_id и codec.
- Выполнить рендеринг через команду belt app run infsh/remotion-render --input с переданным JSON.
- При необходимости использовать Python SDK для получения результата или отслеживания прогресса рендеринга в реальном времени.
Примеры запросов агенту
Запусти рендеринг видео с текстом 'Hello World', который плавно появляется в течение 3 секунд при разрешении 1920x1080 и 30 кадрах в секунду.
Сгенерируй анимированный счетчик от 0 до 100% за 5 секунд с частотой 60 fps и размером 1080x1080 пикселей.
Создай видео с пружинной анимацией масштабирования белого квадрата на фиолетовом фоне, используя spring-анимацию Remotion.
Что понадобится
- Установленный CLI inference.sh (belt)
- Авторизация через belt login
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «remotion-render» из репозитория:
# https://github.com/101-skills/superpowers
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r remotion-render/ ~/.claude/skills/remotion-render/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.