·gsap
</>

gsap

Используйте при реализации веб-анимации, последовательности временной шкалы, анимации, запускаемой прокруткой, анимации SVG, переходов макета или использования GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath или @gsap/react useGSAP.

40Установки·0Тренд·@noklip-io

Установка

$npx skills add https://github.com/noklip-io/agent-skills --skill gsap

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

Быстро установите AI-навык gsap в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/noklip-io/agent-skills --skill gsap
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: noklip-io/agent-skills.

Professional-grade JavaScript animation library for the modern web. Provides high-performance tweening with powerful sequencing, scroll-based animations, and extensive plugin ecosystem.

| Tween | Single animation that changes properties over time | | Timeline | Container for sequencing tweens with precise control | | Ease | Controls animation velocity curve (default: power1.out) | | ScrollTrigger | Links animations to scroll position | | Plugin | Extends GSAP with specialized capabilities |

| references/00-cheatsheet.md | Quick reference, common operations at a glance | | references/01-core.md | Basic tweens, special properties, callbacks, quickTo, ticker | | references/02-easing.md | Easing functions, custom eases | | references/03-timeline.md | Sequencing, positioning, labels, nesting |

Используйте при реализации веб-анимации, последовательности временной шкалы, анимации, запускаемой прокруткой, анимации SVG, переходов макета или использования GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath или @gsap/react useGSAP. Источник: noklip-io/agent-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/noklip-io/agent-skills --skill gsap
Источник
noklip-io/agent-skills
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from noklip-io/agent-skills

Короткие ответы

Что такое gsap?

Используйте при реализации веб-анимации, последовательности временной шкалы, анимации, запускаемой прокруткой, анимации SVG, переходов макета или использования GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath или @gsap/react useGSAP. Источник: noklip-io/agent-skills.

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

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/noklip-io/agent-skills --skill gsap После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/noklip-io/agent-skills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01