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

gsap-utils

Официальные утилиты GSAP для работы с числами, массивами и цветами: clamp, mapRange, random, snap, wrap и другие. Полезны при создании анимаций, требующих преобразования значений, генерации случайных чисел или обработки массивов в tween-переменных и callback-функциях.

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

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

Набор чистых вспомогательных функций (utils) GSAP для работы с математикой, массивами, парсингом единиц и отображением значений. Не требует регистрации и используется для преобразования данных в tween-переменных, колбэках ScrollTrigger или Observer.

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

  • Ограничение значений в заданном диапазоне (clamp) при анимации.
  • Преобразование одного диапазона значений в другой (mapRange).
  • Генерация случайных чисел или выбор случайных элементов из массива (random).
  • Привязка значений к сетке или ближайшему значению из списка (snap).
  • Циклическое ограничение значений (wrap) для бесконечных анимаций.

Как работает

  1. Использовать функции через объект gsap.utils (например, gsap.utils.clamp()).
  2. Передавать значение для преобразования последним аргументом функции.
  3. Опущение последнего аргумента возвращает функцию-замыкание для повторного использования с тем же конфигом.
  4. Использовать функцию-замыкание в обработчиках событий (mousemove) или колбэках анимаций.
  5. Для random() передать true в качестве последнего аргумента для получения переиспользуемой функции.

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

Как использовать gsap.utils.clamp для ограничения значения прогресса скролла?
Пример применения gsap.utils.mapRange для маппинга позиции мыши на угол поворота элемента.
Как создать переиспользуемую функцию для случайных чисел через gsap.utils.random?

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

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

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

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