Словами самого skill
Обрабатывает наезды камеры, отъезды, зумы, переоформления кадра, движения Ken Burns, движения камеры, визуальные стыки/whip-переходы и seek-safe 2D/3D-кейфреймы для композиций HyperFrames. Поддерживает GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, пути, маски, SVG morph/draw, текстовые шлейфы и 3D-глубину. Кейфреймы — это контракт поз: видимые состояния, непрерывная идентичность субъекта, seek-safe runtime, проверенные пиксели.
Фокусируется на визуальном движении внутри клипов, а не на монтаже клипов или стратегии сцены. Требует синхронного построения runtime, зарегистрированных экземпляров таймлайна и детерминированного тайминга. Авторы проверяют с помощью hyperframes lint, check, команды keyframes, точечной диагностики --shot и снапшотов в точках проверки.
Что он выдаёт
- Зарегистрированный экземпляр GSAP timeline в window.__timelines[compositionId] с paused: true
Как это работает
- 01Определите субъект и состояния
Перед созданием кейфреймов определите анимируемый субъект, видимые состояния, финальное состояние и runtime.
- 02Выберите наименьший механизм
Выберите наименьший механизм, доказывающий промпт, обращаясь к references/keyframe-patterns.md только если механизм неясен.
- 03Создайте и зарегистрируйте
Создавайте seek-safe кейфреймы в заявленном runtime, строя их синхронно и регистрируя экземпляр runtime.
- 04Проверьте с помощью диагностики
Проверяйте с помощью hyperframes lint, check, команды keyframes, одного точечного --shot и снапшотов в точках проверки.
- 05Исправьте и повторно протестируйте
Если проверка не прошла, исправьте исходные кейфреймы и повторно запустите наименьший неудачный диагностический тест перед рендерингом.