hyperframes-keyframes
Создаёт ключевые кадры для HyperFrames (punch-in, zoom, Ken Burns), а также для GSAP, CSS, Anime.js, WAAPI, FLIP, SVG и 3D. Используйте для анимации, движения камеры и визуальных эффектов. Не подходит для стратегий, дизайна бренда или планирования видео.
Что делает навык
Skill создаёт ключевые кадры (keyframes) для анимации, движения камеры и визуальных эффектов, обеспечивая непрерывную идентичность субъекта и безопасный поиск. Он определяет визуальное движение, но не занимается сборкой клипов, обрезкой или переупорядочиванием медиа.
Когда применять
- Создание ключевых кадров для HyperFrames (punch-in, zoom, Ken Burns).
- Генерация анимации для GSAP, CSS, Anime.js, WAAPI, FLIP, SVG и 3D.
- Реализация визуальных эффектов, таких как кроссфейды через наложение клипов и ключевые кадры прозрачности.
Как работает
- Использовать hyperframes-animation для получения общих рецептов сцены.
- Применять references/keyframe-patterns.md только для выбора механизмов реализации, а не визуального стиля.
- Использовать hyperframes-cli для получения полной документации по командам.
- Разделять ответственность: ключевые кадры отвечают за визуальное движение, а сборку клипов (обрезку, склейку) делегировать /hyperframes-core.
- Для кроссфейдов использовать наложение клипов на разных дорожках с ключевыми кадрами прозрачности, а для звуковых переходов — /hyperframes-audio.
Примеры запросов агенту
Что понадобится
- Установка плагинов: перед настройкой или проверкой актуальности соблюдать правила выполнения плагинов, если skill находится внутри HyperFrames plugin.
- Для автономной установки (standalone) следовать инструкциям по обновлению.
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
SKILL.md к навыкам ассистентаНавык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.