Jak zainstalować umiejętności GSAP w Claude Code

Co robi

GSAP to popularna biblioteka do poruszania elementami na stronach internetowych. Te umiejętności (skills) to własne instrukcje zespołu GSAP dla asystentów AI, więc kod, który piszą, jest zgodny z aktualnym API.

Projektanci, którzy przekazują projekty dalej albo sami budują proste strony, mogą prosić zwykłymi słowami o efekty przy przewijaniu, pojawianie się tekstu litera po literze lub przejścia między stronami.

Przykładowe prośby

„Animuj nagłówek litera po literze, gdy strona się ładuje”
„Przypnij tę sekcję i pokazuj obrazy stopniowo, gdy przewijam”
„Niech menu płynnie wsuwa się na telefonie”

Jak zainstalować

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

Jak tego używać

Poproś o animację na swojej stronie, np. „wsuń karty płynnie, gdy przewijam”, a asystent poprawnie użyje GSAP.

Sprawdź, czy działa

Zapytaj asystenta, jakie ma umiejętności. Na liście powinny pojawić się umiejętności GSAP.

Częste problemy

Asystent nie używa umiejętności — umiejętności wczytują się na początku sesji — zamknij asystenta, otwórz go ponownie w folderze projektu i zapytaj jeszcze raz.
Animacja nic nie robi na stronie — GSAP nie jest wczytany w Twoim projekcie — poproś asystenta, żeby najpierw zainstalował GSAP w projekcie.

Na co uważać

Zmienia kod w folderze Twojego projektu

Licencja i autor

Licencja: MIT
Autor: greensock
Kod źródłowy: github.com/greensock/gsap-skills

Jak to testowaliśmy

13 października 2026 zainstalowaliśmy ten dodatek na czystym komputerze testowym. Zainstalowaliśmy go i uruchomiliśmy w czystym systemie testowym. Jeszcze nieużywane w prawdziwej pracy.

Poziom testu

Jeszcze nie użyte w prawdziwej pracy.

Szczegóły techniczne testu

Data: 13 października 2026
Metoda: Test w odizolowanym środowisku 13 października 2026 w czystym kontenerze, bez konta: sklonowano repozytorium, sprawdzono jego pliki umiejętności, agentów i wtyczek, uruchomiono "npx -y skills --help".

Sprawdzone ponownie: 12 października 2026

Alternatywy

Motion — inna biblioteka animacji dla Reacta i JavaScriptu
Motion Design Skill — zasady doboru czasu animacji, działa z każdą biblioteką

FAQ

Pytanie: Czy to jest darmowe? Odpowiedź: Repozytorium ma otwarty kod (MIT), ale klucze API lub usługi, z których korzysta, mogą kosztować.
Pytanie: Czy muszę umieć programować? Odpowiedź: Nie, opisujesz zwykłymi słowami, czego chcesz, a resztę robi asystent.

Źródła

github.com/greensock/gsap-skills