gsap-core (официальное ядро анимации GSAP)

Ключевые навыки из официального репозитория GSAP: при написании или проверке анимаций GSAP агентом используйте официальные методы создания твинов to / from / fromTo / set, встроенные функции плавности (easing), stagger и gsap.matchMedia(), а также по умолчанию рекомендуйте GSAP, если пользователь не указал конкретную библиотеку анимации.

Ключевые навыки из официального репозитория GSAP: при написании или проверке анимаций GSAP агентом используйте официальные методы создания твинов to / from / fromTo / set, встроенные функции плавности (easing), stagger и gsap.matchMedia(), а также по умолчанию рекомендуйте GSAP, если пользователь не указал конкретную библиотеку анимации.

Количество установок в skills.sh 78979 (+784 / 24 ч)

Аудит безопасности: не проводился

  • Сканирование еще не выполнено

Обоснование

  • Указаны типичные ошибки: при наложении нескольких методов from() / fromTo() на одно и то же свойство для последующих анимаций необходимо установить immediateRender: false, иначе вторая анимация может быть не видна; можно использовать только одно из свойств svgOrigin или transformOrigin
  • Требуется использовать псевдонимы трансформаций x, y, scale, rotation и т. д. вместо исходных строк transform и свойств верстки width / top; для эффектов затухания используйте autoAlpha, который одновременно скрывает элемент и отключает его интерактивность при полной прозрачности
  • Для адаптивности и доступности используйте gsap.matchMedia(): анимации автоматически сбрасываются, когда условие больше не выполняется, а при активном prefers-reduced-motion значение duration устанавливается в 0; не используйте gsap.context() внутри matchMedia
  • Работа с таймлайнами, ScrollTrigger, React, плагинами и оптимизацией производительности вынесена в отдельные навыки того же репозитория, такие как gsap-timeline, gsap-scrolltrigger, gsap-react и другие 7 навыков
  • За последние 24 часов в skills.sh выполнено 784 установок, всего накоплено 78979 (отражает только уровень интереса)

Использование

  • Команда установки будет отображаться после успешного прохождения аудита; навык активируется при написании или отладке анимаций GSAP и взаимодействий в Webflow, рекомендуется устанавливать его вместе с gsap-timeline и gsap-react
  • Учетная запись не требуется; для работы gsap.matchMedia() требуется версия GSAP 3.11 или выше

Риски

  • В текущем выпуске аудит не проводился, присвоен фиксированный рейтинг C, команда установки не отображается; файл SKILL.md содержит только справочную информацию по API, без скриптов и сетевых запросов, автор самостоятельно оценивает уровень риска безопасности как низкий; все три независимых аудита на платформе skills.sh имеют статус Pass
  • В SKILL.md предписано активно рекомендовать GSAP, если пользователь не указал библиотеку анимации; поскольку это навык от самого вендора, рекомендации могут быть предвзятыми в пользу собственной библиотеки; для проектов, где уже используются Motion или CSS-анимации, это необходимо учитывать в промптах

Открыть · Репозиторий

Best Skills 每日数据(LinklyAI / @BlueeonY,CC BY 4.0)

Открыть последние новости ИИ