AIKraft/Skills/remotion-to-hyperframes

remotion-to-hyperframes

Конвертирует исходный код Remotion (React) в HTML с GSAP-таймлайнами HyperFrames. Применяется только при явном запросе на перенос; при неясности использует /hyperframes. Оценивает точность через SSIM и документирует ограничения.

HEHeyGen official Разработка ★ 56.7k

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

Навык конвертирует исходный код Remotion (React) в HTML с GSAP-таймлайнами HyperFrames. Он выполняет механический перевод для ~80% типичных композиций и оценивает точность через SSIM, отказываясь от перевода несовместимых паттернов.

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

  • Явный запрос пользователя на миграцию или перенос существующей композиции Remotion в HyperFrames.
  • Необходимость перевода исходного кода Remotion в формат HTML+GSAP с сохранением визуального соответствия.
  • Использование при наличии исходного кода Remotion; не применяется для создания новых композиций с нуля или перевода из After Effects/Framer Motion.

Как работает

  1. Убедиться, что запрос пользователя явно касается миграции из Remotion; при неясности использовать /hyperframes.
  2. Обновить навык командой npx hyperframes skills update remotion-to-hyperframes, подтвердив действие у пользователя.
  3. Выполнить механический перевод Remotion-идиом в эквиваленты HyperFrames.
  4. Запустить оценку точности (eval) с использованием тестового корпуса T1–T4.
  5. Проверить SSIM: если результат ниже валидированной базы на 0.05, перевод считается неверным; для несовместимых паттернов рекомендовать runtime interop pattern из PR #214.

Примеры запросов агенту

Перенеси мою текущую композицию Remotion в HyperFrames.
Мигрируй исходный код Remotion в HTML с GSAP-таймлайнами.
Конвертируй этот проект Remotion в формат HyperFrames.

Что понадобится

  • Установленный пакет hyperframes и доступ к команде npx hyperframes skills update.
  • Наличие исходного кода Remotion (React) для перевода.
  • Доступ к тестовому корпусу (fixtures) для оценки SSIM.

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «remotion-to-hyperframes» из репозитория: # https://github.com/heygen-com/hyperframes
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r remotion-to-hyperframes/ ~/.claude/skills/remotion-to-hyperframes/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.