design-uiПроверки: пройдено 2 · предупреждение 1

animejs

Интеграция библиотеки Anime.js в экосистему HyperFrames для синхронного управления анимациями.

Суть

Что это за skill и зачем он нужен

Данный навык предоставляет адаптер для запуска анимаций Anime.js внутри композиций HyperFrames. Он позволяет передавать управление временем (clock) от HyperFrames к экземплярам Anime.js, обеспечивая точный рендеринг кадров. Для корректной работы необходимо регистрировать все анимации в глобальном массиве window.__hfAnime и отключать автозапуск в настройках Anime.js.

Установка

Как установить

npx skills add https://github.com/heygen-com/hyperframes --skill animejs

Сценарии

Когда использовать

Подходит

Создание компактных SVG и DOM анимаций с использованием синтаксиса Anime.js.
Перенос готовых примеров на Anime.js в среду HyperFrames.
Реализация нескольких независимых микро-анимаций в рамках одной композиции.
Необходимость точного контроля таймлайна анимации через seek.

Не подходит

Сложные сцены и секвенирование анимаций (для этого лучше использовать GSAP).
Создание анимаций внутри асинхронных событий, промисов или таймеров.
Использование бесконечных циклов (всегда вычисляйте конечный повтор).
Зависимость от автоматического определения статуса анимаций вместо ручной регистрации.

Доверие

Проверки безопасности

SnykПредупреждение

Средний риск · 1 замечание.

Gen Agent Trust HubПройдено

Проверка не нашла критичных проблем.

SocketПройдено

Предупреждений нет.

Похожие