design-uiПроверки: пройдено 3
css-animations
Набор инструментов и паттернов для реализации CSS-анимаций в рамках фреймворка HyperFrames.
Суть
Что это за skill и зачем он нужен
Skill предоставляет стандартизированные инструкции и паттерны для интеграции CSS-анимаций в проекты HyperFrames. Он позволяет эффективно управлять визуальными эффектами и переходами внутри фреймворка, используя проверенные практики разработки.
Установка
Как установить
npx skills add https://github.com/heygen-com/hyperframes --skill css-animationsСценарии
Когда использовать
Подходит
- Когда необходимо добавить CSS-анимации в проекты, построенные на HyperFrames.
- Для унификации процесса создания визуальных переходов в компонентах.
- Если требуется придерживаться стандартизированных паттернов верстки при работе с фреймворком.
Не подходит
- Если ваш проект не использует фреймворк HyperFrames.
- Если вы предпочитаете использовать JavaScript-библиотеки для анимаций (например, GSAP или Framer Motion) вместо чистых CSS-решений.
Доверие
Проверки безопасности
Gen Agent Trust HubПройдено
Проверка не нашла критичных проблем.
SnykПройдено
Низкий риск · проблем не найдено.
SocketПройдено
Предупреждений нет.
Похожие
Похожие skills
extract-design-systemИнструмент для обратного проектирования примитивов дизайна публичного сайта в локальные токены и стартовые файлы.arvindrk/extract-design-systemОткрыть →gsapИнтеграция GSAP (GreenSock Animation Platform) для управления высокопроизводительной анимацией в веб-фреймах.heygen-com/hyperframesОткрыть →website-to-hyperframesАвтоматизированная конвертация содержимого веб-сайтов в профессиональные видеоролики.heygen-com/hyperframesОткрыть →polishИнструмент для финальной полировки кода и дизайнерских ассетов перед публикацией.pbakaus/impeccableОткрыть →critiqueАвтоматизированная проверка дизайна и кода веб-интерфейсов.pbakaus/impeccableОткрыть →auditАвтоматизированный аудит качества кода, производительности и доступности интерфейсов.pbakaus/impeccableОткрыть →