Repolode
Предложить
greensock

greensock/gsap-skills

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

Открыть на GitHub
Звёзды
16,627
Форки
999
Открытые issues
13
Последний коммит
3 месяца назад

Что это?

GSAP AI Skills — набор файлов Agent Skills от команды GreenSock для GSAP (GreenSock Animation Platform). Каждый навык — это тематическое руководство, которое AI-агент для программирования загружает, чтобы писать код для GSAP в соответствии с задумкой библиотеки. Руководства охватывают твины, таймлайны, ScrollTrigger, плагины, gsap.utils, React и другие фреймворки, а также производительность.

Навыки можно установить с помощью skills CLI или скопировать в каталог навыков агента. Они работают с Cursor, Claude Code, Codex, Windsurf, Copilot и другими агентами. В репозитории также есть файл инструкций для Copilot — для проектов, которые не могут напрямую загружать Agent Skills. Все описанные плагины устанавливаются из общедоступного npm-пакета gsap.

Ключевые возможности

  • 01Описывает основные твины, easing, stagger и значения по умолчанию в gsap.to, from и fromTo.
  • 02Объясняет последовательность анимаций в таймлайнах, параметры позиционирования, метки и вложенность.
  • 03Рассказывает, как использовать ScrollTrigger, включая фиксацию элементов, scrub и обновление настроек.
  • 04Содержит рекомендации по плагинам Flip, Draggable, SplitText, ScrollSmoother и другим.
  • 05Показывает, как использовать useGSAP и gsap.context в React с корректной очисткой.

Сценарии использования

  • Создание с помощью AI-ассистента анимаций на GSAP, управляемых прокруткой.
  • Поддержание соответствия сгенерированного AI кода для GSAP рекомендуемым библиотекой шаблонам.
  • Добавление анимаций GSAP в проекты на React, Vue или Svelte с корректной очисткой.

Быстрый старт

  1. 1

    Установите skills в своего агента для программирования

    npx skills add https://github.com/greensock/gsap-skills
  2. 2

    Установите пакет GSAP в свой проект (в него входят все плагины)

Что важно знать

  • Skills — это инструкции для ИИ-агентов, а не сама библиотека GSAP, поэтому для запуска анимаций вам всё равно нужно установить gsap.

Темы

#animation#javascript#gsap#ai-agents#scrolltrigger#react#claude-code#cursor

Частые вопросы

Что такое gsap-skills?
Официальные навыки для AI-агентов от команды GSAP: они помогают ассистентам правильно использовать библиотеку анимации, включая API, таймлайны, ScrollTrigger и плагины. GSAP AI Skills — набор файлов Agent Skills от команды GreenSock для GSAP (GreenSock Animation Platform). Каждый навык — это тематическое руководство, которое AI-агент для программирования загружает, чтобы писать код для GSAP в соответствии с задумкой библиотеки. Руководства охватывают твины, таймлайны, ScrollTrigger, плагины, gsap.utils, React и другие фреймворки, а также производительность.
gsap-skills можно использовать бесплатно? Какая у него лицензия?
gsap-skills распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
gsap-skills всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в gsap-skills — 29 июл. 2026 г..
Для чего можно использовать gsap-skills?
Создание с помощью AI-ассистента анимаций на GSAP, управляемых прокруткой. Поддержание соответствия сгенерированного AI кода для GSAP рекомендуемым библиотекой шаблонам. Добавление анимаций GSAP в проекты на React, Vue или Svelte с корректной очисткой.
Как установить gsap-skills?
Установите skills в своего агента для программирования: npx skills add https://github.com/greensock/gsap-skills Установите пакет GSAP в свой проект (в него входят все плагины)
Где скачать gsap-skills?
Исходный код и инструкции по установке — на GitHub: https://github.com/greensock/gsap-skills

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты