remotion-to-hyperframes.mdПубличный

Remotion to Hyperframes

Перенос видео из Remotion в HyperFrames

О скиле

Переносит видеопроекты из Remotion — инструмента для роликов на React — в HyperFrames, где сцены собираются из HTML и анимации. Различает перенос редактируемых элементов, подключение существующей анимации и вставку готового видео. Сравнивает кадры с оригиналом и записывает расхождения. Если вы видеомонтажёр, сохраните удачные сцены при смене инструмента. Если разработчик, перенесёте программную анимацию с проверкой результата. Работает с Claude Code и Cursor, требует Node.js 22 или новее.

Об источнике

Автор скила — HeyGen. Распространяется под лицензией Apache-2.0. Открыть репозиторий.

Как установить

  1. Установите Node.js 22 или новее и FFmpeg для работы с видео. Откройте терминал в рабочей папке видеопроекта, а не в исходном репозитории HyperFrames.

  2. Установите базовый набор скилов HyperFrames и скил переноса.

CLI
npx hyperframes skills update
npx hyperframes skills update remotion-to-hyperframes

Это штатный установщик проекта, который согласует скилы с версией CLI. Он поддерживает Claude Code, Cursor, Codex и другие агенты, перечисленные в документации проекта.

  1. Передайте агенту исходный проект и эталонный экспорт ролика. Попросите использовать сначала hyperframes, затем remotion-to-hyperframes для переноса.

  2. Скил проверит ограничения исходного кода, выберет способ переноса и сравнит кадры. Часть эффектов переносится готовыми медиаклипами. Итоговые ограничения сохраняются в TRANSLATION_NOTES.md.

  3. Для просмотра доступных команд выполните npx hyperframes --help. Локальный перенос использует исходные файлы. Облачный рендер и генерация новых медиа являются отдельными возможностями проекта.

Исходная папка скила

Установка

Не уверены, куда положить .md-файл? как установить скилл в Claude Code — пошаговый гайд.

telegram

Разбираю скилы вроде этого и близкие по теме «Контент и медиа»: где брать, как собирать и применять их на практике.

  • бесплатно
  • то, чем сам пользуюсь
  • новые скилы и разборы каждую неделю
Подписаться в Telegram
// продолжай по той же профессии или категории
// как применять скилы Claude Code на практике
Вся тема «Видео и монтаж нейросетями»: 53 гайдов
Непонятные термины? Загляни в «Понятия» — словарь ИИ

Частые вопросы

Что такое скил «Remotion to Hyperframes»?
«Remotion to Hyperframes» — готовый Agent Skill для Claude Code и Cursor. Это .md-файл с системным промптом, который подключается одним файлом и расширяет возможности AI-редактора в задачах Вайбкодинг. Категория инструмента: Контент и медиа, Разработка. Чаще всего пригождается профессиям: Креатив (видео, фото, презентации), Разработка и программирование, Маркетинг и контент. Ключевые темы скила: type:skill, for:claude-code, for:cursor, for:remotion.
Как установить скил «Remotion to Hyperframes» в Claude Code?
Скачайте .md-файл скила «Remotion to Hyperframes» на этой странице и положите его в папку ~/.claude/skills/ вашего проекта. Перезапустите Claude Code — скил подхватится автоматически. Для Cursor и Windsurf скопируйте содержимое .md-файла в системный промпт проекта (Settings → Rules). Исходный код скила открыт в репозитории github.com/heygen-com/hyperframes.
Бесплатен ли скил «Remotion to Hyperframes»?
Да, скил «Remotion to Hyperframes» доступен бесплатно для всех пользователей без регистрации — скачайте .md-файл прямо на этой странице. Автор скила — HeyGen, распространяется под лицензией Apache-2.0.

Больше вопросов про Agent Skills — общий FAQ маркетплейса