AIKraft/AI/Войти
AIKraft/Skills/gsap-timeline

gsap-timeline

Управляет последовательностью анимаций через gsap.timeline(), позволяя точно позиционировать ключевые кадры, использовать вложенные таймлайны и метки. Пригодится для хореографии анимаций, управления воспроизведением и создания модульных последовательностей в GSAP.

GRGreenSock official Разработка ★ 15.9k

Что делает навык

Навык управляет последовательностью анимаций через gsap.timeline(), позволяя точно позиционировать ключевые кадры и использовать вложенные таймлайны. Он решает задачи хореографии анимаций, управления воспроизведением и создания модульных последовательностей в GSAP.

Когда применять

  • Построение многошаговых анимаций (multi-step animations)
  • Координация нескольких анимаций (tweens) в последовательном или параллельном режиме
  • Работа с запросами, связанными с таймлайнами, секвенированием или анимацией в стиле ключевых кадров
  • Создание модульных последовательностей анимаций

Как работает

  1. Создать экземпляр таймлайна с помощью gsap.timeline()
  2. Добавлять анимации (tweens) с помощью метода .to(), указывая селекторы и параметры
  3. По умолчанию добавлять анимации одну за другой, используя цепочечный вызов методов
  4. Использовать параметр position для размещения анимаций в конкретные моменты времени или относительно других анимаций

Примеры запросов агенту

Как создать последовательную анимацию для нескольких элементов с помощью GSAP?
Настройте таймлайн, где анимации запускаются параллельно, а не последовательно
Объясните, как использовать ключевые кадры и позиционирование в gsap.timeline()

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «gsap-timeline» из репозитория: # https://github.com/greensock/gsap-skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r gsap-timeline/ ~/.claude/skills/gsap-timeline/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.