HE
remotion-to-hyperframes
Конвертирует исходный код Remotion (React) в HTML с GSAP-таймлайнами HyperFrames. Применяется только при явном запросе на перенос; при неясности использует /hyperframes. Оценивает точность через SSIM и документирует ограничения.
Что делает навык
Навык конвертирует исходный код Remotion (React) в HTML с GSAP-таймлайнами HyperFrames. Он выполняет механический перевод для ~80% типичных композиций и оценивает точность через SSIM, отказываясь от перевода несовместимых паттернов.
Когда применять
- Явный запрос пользователя на миграцию или перенос существующей композиции Remotion в HyperFrames.
- Необходимость перевода исходного кода Remotion в формат HTML+GSAP с сохранением визуального соответствия.
- Использование при наличии исходного кода Remotion; не применяется для создания новых композиций с нуля или перевода из After Effects/Framer Motion.
Как работает
- Убедиться, что запрос пользователя явно касается миграции из Remotion; при неясности использовать /hyperframes.
- Обновить навык командой npx hyperframes skills update remotion-to-hyperframes, подтвердив действие у пользователя.
- Выполнить механический перевод Remotion-идиом в эквиваленты HyperFrames.
- Запустить оценку точности (eval) с использованием тестового корпуса T1–T4.
- Проверить 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 и совместимые) подхватывает его по описанию и следует шагам.