AIKraft/Skills/gsap-web

gsap-web

Этот навык следует использовать, когда пользователь просит «создать анимацию при прокрутке», «добавить ScrollTrigger», «закрепить секцию во время прокрутки», «прокручивать анимацию вместе с прокруткой», «создать таймлайн для героя», «сделать горизонтальную секцию прокрутки», «разделить текст и анимировать слова», «анимировать изменение макета с помощью GSAP Flip», «синхронизировать ScrollTrigger с Lenis», «Lenis smooth scroll дергается», «маркеры ScrollTrigger смещаются», «ScrollTrigger pins ломаются с Lenis/Locomotive» или «настроить плавную прокрутку с закреплением GSAP». Охватывает таймлайны GSAP, ScrollTrigger, SplitText, Flip и синхронизацию плавной прокрутки Lenis/Locomotive для управляемого кодом веб-движения.

iart-ai official Другое

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

Этот навык следует использовать, когда пользователь просит «создать анимацию при прокрутке», «добавить ScrollTrigger», «закрепить секцию во время прокрутки», «прокручивать анимацию вместе с прокруткой», «создать таймлайн для героя», «сделать горизонтальную секцию прокрутки», «разделить текст и анимировать слова», «анимировать изменение макета с помощью GSAP Flip», «синхронизировать ScrollTrigger с Lenis», «Lenis smooth scroll дергается», «маркеры ScrollTrigger смещаются», «ScrollTrigger pins ломаются с Lenis/Locomotive» или «настроить плавную прокрутку с закреплением GSAP». Охватывает таймлайны GSAP, ScrollTrigger, SplitText, Flip и синхронизацию плавной прокрутки Lenis/Locomotive для управляемого кодом веб-движения.

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

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

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