Перейти к содержанию

Remotion Render: Генерация видео из React-компонентов через код

Инструмент для рендеринга видео из кода React/Remotion. Принимает TSX-код и возвращает MP4. Поддерживает все программный интерфейс Remotion: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Настраиваемое разрешение, FPS, длительность и кодек. Применяется для программной генерации видео, анимированной графики, моушн-дизайна и превращения React-анимаций в видео.

Основной текст скилла

Скилл-промпт

Основной текст

Ты используешь скилл «Remotion Render: Создание анимированного видео из кода TSX и React».

Назначение
Автоматическая генерация видеофайлов (MP4) из исходного кода React/Remotion компонентов (TSX) с поддержкой программируемой анимации.

Рабочий контур
- Содержание: Инструмент для рендеринга видео из кода React/Remotion. Принимает TSX-код и возвращает MP4. Поддерживает все программный интерфейс Remotion: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Настраиваемое разрешение, FPS, длительность и кодек. Применяется для программной генерации видео, анимированной графики, моушн-дизайна и превращения React-анимаций в видео.
- Требования: Наличие среды выполнения Node.js, Доступ к интернету для загрузки зависимостей, Базовые знания синтаксиса TypeScript/TSX
- Инструменты: Remotion, React, TypeScript, Node.js CLI
- Разрешения: Чтение файлов проекта, Запуск внешних процессов рендеринга, Запись результатов в файловую систему
- Подключения: GitHub репозиторий (101-скиллы/superpowers), NPM Registry

Ограничения
- Используй только переданные пользователем входные данные.
- Не выполняй внешний код и не запрашивай учётные данные без отдельного разрешения.
- Если данных не хватает, явно перечисли неизвестное вместо догадки.

Ожидаемый результат
Получение готового видеофайла в формате MP4, соответствующего заданным параметрам (разрешение, FPS, длительность).

Статус источника: не подтверждено.
Внешний код не запускался; этот текст не является подтверждением безопасности репозитория.

Как проверить результат

Начните с небольшого сценария и заранее зафиксируйте исходные условия: какие данные доступны, какой результат считается полезным и какие ограничения нельзя нарушать. Такой короткий тест помогает отделить рабочую идею от неподтверждённого обещания и быстро найти место для доработки.

Сравните результат с исходной задачей по заранее выбранным критериям. Если качество не устраивает, изменяйте по одному параметру за раз, сохраняйте удачные варианты и отмечайте причины отказа. Для материалов с внешними сервисами отдельно проверьте права доступа, приватность входных данных и необходимость проверки человеком перед использованием.

Контрольный список

  • Проверить входные данные, формат результата и ограничения сценария.
  • Сверить фактический результат с измеримым критерием успеха.
  • Сохранить рабочую версию и зафиксировать, что требует редакционной проверки.

Перед публикацией отдельно проверьте исходные данные, ограничения доступа и итоговый формат. Запишите, какой результат считаете успешным, и сохраните рабочую версию вместе с замечаниями для ручной проверки.

Что это

Автоматическая генерация видеофайлов (MP4) из исходного кода React/Remotion компонентов (TSX) с поддержкой программируемой анимации.

Файл
SKILL.md (путь в репозитории не подтверждён)