Skills/GSAP Skills

GSAP Skills

11 сентября 2026

Официальные навыки GreenSock: таймлайны, ScrollTrigger, плагины и интеграция с React, чтобы агент писал анимации GSAP правильно и без утечек.

Описание

АнимацияБесплатно

Официальные навыки GreenSock: таймлайны, ScrollTrigger, плагины и интеграция с React, чтобы агент писал анимации GSAP правильно и без утечек.

Название
GSAP Skills
Категория
Анимация
Что умеет
  • строит таймлайны и анимации на скролле
  • подключает GSAP в React с корректной очисткой
  • следит за производительностью анимаций
Источник
greensock/gsap-skills · ★15.8k
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Скопируйте команды из блока «Установка» ниже и выполните их по очереди в чате Claude Code.
  2. 2Плагин gsap-skills добавит навыки: gsap-core, gsap-timeline, gsap-scrolltrigger, gsap-plugins, gsap-react, gsap-frameworks, gsap-performance, gsap-utils. Проект или все проекты — выбирается в диалоге установки.
  3. 3Откройте новую сессию Claude Code — навыки подхватятся автоматически.

Что внутри

/plugin marketplace add greensock/gsap-skills
/plugin install gsap-skills@gsap-skills
gsap-skills@gsap-skills (плагин)
├── gsap-core/SKILL.md
├── gsap-timeline/SKILL.md
├── gsap-scrolltrigger/SKILL.md
├── gsap-plugins/SKILL.md
├── gsap-react/SKILL.md
├── gsap-frameworks/SKILL.md
├── gsap-performance/SKILL.md
└── gsap-utils/SKILL.md

Действия

Открыть на GitHubДокументация
НазадExpo AnimationДалееReact View Transitions
Плагин Claude Code · gsap-skills@gsap-skills
  1. 1---
  2. 2name: gsap-core
  3. 3description: "Официальные навыки GreenSock: таймлайны, ScrollTrigger, плагины и интеграция с React, чтобы агент писал анимации GSAP правильно и без утечек."
  4. 4---
  5. 5​
  6. 6# GSAP Skills
  7. 7​
  8. 8Официальные навыки GreenSock: таймлайны, ScrollTrigger, плагины и интеграция с React, чтобы агент писал анимации GSAP правильно и без утечек.
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Строит таймлайны и анимации на скролле
  13. 13- Подключает GSAP в React с корректной очисткой
  14. 14- Следит за производительностью анимаций
  15. 15​
  16. 16## Где работает
  17. 17​
  18. 18Claude Code и другие агенты, которые читают .claude/skills.
  19. 19​
  20. 20## Установка
  21. 21​
  22. 221. Выполните: /plugin marketplace add greensock/gsap-skills, затем /plugin install gsap-skills@gsap-skills
  23. 232. Откройте новую сессию Claude Code — навык подхватится сам.