Web Animation Skills
web-animation-skills
Скиллы веб-анимации: GSAP, SVG, Lottie, микровзаимодействия, переходы между страницами, 60 кадров в секунду. Установка npx skills или плагином
- 37 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- 60 кадров в секунду нужно проверять на проекте
- Набор про GSAP и SVG
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/web-animation-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- 60 кадров в секунду нужно проверять на проекте
- Набор про GSAP и SVG
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Web Animation Skills — набор скиллов для веб-анимации: GSAP, SVG, Lottie, микровзаимодействия, переходы между страницами и плавность на уровне 60 кадров в секунду. Установка: `npx skills add iart-ai/web-animation-skills`, либо в Claude Code `/plugin marketplace add iart-ai/web-animation-skills` и `/plugin install web-animation-skills`. Лицензия MIT. Автор выпускает и другие наборы скиллов, они здесь не рассматриваются.
Для кого. Для фронтенд-разработчиков, которым нужна плавная анимация интерфейса на GSAP и SVG и переходы между страницами.
Подходит, если
- Нужны анимации GSAP и SVG
- Нужны микровзаимодействия и переходы страниц
- Нужна работа с Lottie
Не подходит, если
- Нужна анимация на Framer Motion: набор про GSAP и SVG
- Нужен готовый ролик без кода
Пример запроса к агенту
Добавь странице плавный переход между разделами на GSAP и анимацию SVG-иконки при наведенииОграничения
Частоту кадров 60 в секунду нужно проверять на вашем проекте и устройствах. Скиллы текстовые, доступ минимальный. Организация автора коммерческая и предлагает другие наборы.
Как отключить. Удалите скилл из каталога агента или плагин через менеджер плагинов.
Частые вопросы
Что в наборе?
Скиллы GSAP, SVG, Lottie, микровзаимодействий и переходов между страницами.
Как установить?
npx skills add iart-ai/web-animation-skills или плагином /plugin marketplace add iart-ai/web-animation-skills.
Какая лицензия?
MIT.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыОфициальные скиллы GreenSock: учат агента правильно писать анимации на GSAP, от твинов и таймлайнов до ScrollTrigger, плагинов и React
Маркетплейс плагинов и скиллов Claude Code для 3D, анимации и современного веба: Three.js, GSAP, React Three Fiber, Babylon.js
Scroll Video Website Skill
scroll-video-website-skill
Скилл превращает видео в сайт с плавной прокруткой по кадрам. Установка одной командой npx skills
Скиллы креативного кода для Claude Code: движение, микровзаимодействия и визуальные системы для веба, Android и Apple
Motion Web
motion-web
Сайты «с движением в приоритете» на чистом Three.js, Canvas 2D, WebGL и CSS: физика демпфирования, токены, 7 примеров. Лицензия CC BY-NC 4.0
Motion.dev Animations Skill
motion-dev-animations-skill
Скилл Claude Code для Motion.dev, продолжения Framer Motion: веб-анимации 120 fps, пружинная физика, анимация по скроллу
Сравнение с похожими
Записи с тем же главным запросом: чем они отличаются.
| Запись | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Web Animation Skills (эта запись) | нет | 37 | |
| Motion.dev Animations Skill | нет | 160 | веб-анимации Motion.dev: пружины и скролл |
| Lottie Skill (Diffusion Studio) | нет | 5 571 | анимации Lottie по тексту для продакшена |
Коротко о README
README описывает набор скиллов веб-анимации с установкой через npx skills и плагин. Лицензия MIT.