AIKraft/Skills/remotion-render

remotion-render

Рендерит видео (MP4) из React/Remotion компонентов (TSX) через inference.sh. Поддерживает все API Remotion, настраиваемые параметры и кодеки. Пригодится для программной генерации видео, анимированной графики и motion design.

101-skills official Разработка ★ 5

Что делает навык

Навык рендерит видео (MP4) из React/Remotion компонентов (TSX) через CLI inference.sh. Он позволяет программно генерировать видео, анимированную графику и motion design, поддерживая все API Remotion, настраиваемые параметры и кодеки.

Когда применять

  • Программная генерация видео с анимированной графикой и motion design.
  • Создание видео с плавными анимациями (fade-in, spring-анимации) с использованием API Remotion.
  • Генерация видео с динамическим контентом, передаваемым через props.
  • Создание последовательных анимаций с использованием компонента Sequence.

Как работает

  1. Установить belt CLI и выполнить авторизацию командой belt login.
  2. Подготовить TSX-код компонента, экспортирующего дефолтный компонент, используя импорты из remotion и react.
  3. Сформировать JSON-объект с параметрами: code, duration_seconds, fps, width, height, а также опционально props, composition_id и codec.
  4. Выполнить рендеринг через команду belt app run infsh/remotion-render --input с переданным JSON.
  5. При необходимости использовать 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 и совместимые) подхватывает его по описанию и следует шагам.