Резюме
Перевод видеокомпозиций Remotion на React в HyperFrames HTML с валидированной точностью кадров.
-
Переводит идиомы Remotion (Sequence, interpolate, spring, Audio, Video, Lottie, fonts) в таймлайны HyperFrames GSAP через механическое отображение API; примерно 80% типичных композиций переводятся без проблем.
-
Обнаруживает неизвлекаемые для перевода паттерны (useState, побочные эффекты useEffect, асинхронная calculateMetadata, сторонние библиотеки React) и рекомендует использовать обходной путь интеграции во время выполнения вместо потери перевода.
-
Включает многоуровневый тестовый корпус (T1–T4, всего 4 фикстуры), с порогами SSIM для оценки точности перевода; не выдаёт результат без запуска eval harness.
-
Выводит плоский HTML с встроенным таймлайном GSAP, верстку, управляемую CSS, и пропсы
data-*на каждом экземпляре подкомпонентов; документирует любые пропуски вTRANSLATION_NOTES.md.
Remotion to HyperFrames
Главный вход находится по адресу
/hyperframes. Используйте это только для переноса исходного кода существующей композиции Remotion (React) в HyperFrames, в одну сторону. Создание новой композиции, воссоздание из не-Remotion источника (After Effects, Framer Motion, простой React / CSS — исходник Remotion для перевода отсутствует), упоминание Remotion или любая неопределённость → сначала прочитайте/hyperframes: слой намерений управляет каждым решением о маршруте.
Обзор
Переводит видеокомпозиции Remotion (на базе React) в композиции HyperFrames (HTML + GSAP). Большинство идиом Remotion имеют прямые эквиваленты в HyperFrames — перевод носит механический характер для примерно 80% типичных композиций. Этот навык кодирует отображение и защищает от потерь в 20% путём отказа от перевода паттернов, которые не соответствуют модели HF, ориентированной на seek, и рекомендует паттерн взаимодействия во время выполнения из PR №214 вместо этого.
Навык поставляется с многоуровневым тестовым корпусом (T1–T4, всего 4 фикстуры), который оценивает переводы по измеренным порогам SSIM. Не переводите без запуска eval — перевод, который «выглядит правильно», но рендерится на 0.05 SSIM ниже валидированной базовой линии, молча считается неверным.
Когда использовать
Используйте этот навык ТОЛЬКО тогда, когда пользователь явно просит мигрировать из Remotion. Примеры фраз-триггеров: