GSAP Skills nedir? Kurulum, sekiz skill, ücret ve lisans
GSAP skill'lerini kurarsın (npx skills add ya da Claude Code'da eklenti pazarı); kodlama ajanın GSAP'ın çekirdek API'sini, zaman çizelgesini, ScrollTrigger'ı, eklentileri, yardımcıları, React kullanımını, performansı ve diğer çatıları belgeye uygun yazar. GSAP'ın yapımcısı GreenSock'un kendi GitHub organizasyonunda yayımladığı sekiz skill'lik resmî koleksiyon; her skill tek bir SKILL.md talimat dosyası, hook, MCP sunucusu ya da betik yok. Skill deposu MIT lisanslı. GSAP kütüphanesi ise MIT değil, "Standard No Charge" lisanslı ve eklentileriyle birlikte ücretsiz; lisans, Webflow'un görsel animasyon araçlarına rakip kodsuz araçlarda kullanımı önceden yazılı izne bağlıyor.
- Ne yapar
- Kodlama ajanına GSAP animasyonunu doğru yazmayı öğretir
- Tür
- Skill koleksiyonu (8 skill)
- Yapımcı
- GreenSock (Webflow bünyesinde)
- İçerik
- Yalnız talimat metni, kod çalıştırmaz
- Lisans
- GSAP'ın kendi lisansı var, MIT değil
- Türkçe
- Skill'ler İngilizce
- Ücret
- Skill ücretsiz; GSAP de ücretsiz
GSAP Skills ne işe yarar?
Skill, kodlama ajanına bir konuda nasıl çalışacağını öğreten talimat paketidir. GSAP Skills, ajanın GSAP kütüphanesini doğru kullanmasını sağlar: hangi fonksiyonu seçeceğini, animasyonları nasıl sıralayacağını, React gibi çatılarda temizliği nasıl yapacağını bilir. Skill bir şey çalıştırmaz ve animasyon üretmez; ajanın yazdığı animasyon kodunun kalitesini yükseltir.
| Yapacağın iş | Hangi skill |
|---|---|
| Öğe girişi, sıralı animasyon | gsap-core ve gsap-timeline |
| Kaydırınca beliren, sabitlenen, paralaks bölümler | gsap-scrolltrigger |
| Metni harf harf bölmek, SVG çizimi, sürükle-bırak | gsap-plugins |
| React ya da Next.js projesi | gsap-react |
| Vue, Nuxt, Svelte projesi | gsap-frameworks |
| Animasyon takılıyor | gsap-performance |
Sekizinci skill gsap-utils: clamp, mapRange, snap, wrap gibi yardımcı fonksiyonlar.
!README ve skill açıklamaları ajana, kullanıcı kütüphane belirtmediyse GSAP'i önermesini söylüyor. Başka bir animasyon kütüphanesiyle çalışıyorsan bunu açıkça belirt.
GSAP Skills nasıl kurulur?
Komutlar README'den aynen alındı. Skill kurulumu GSAP kütüphanesini kurmaz; projede ayrıca npm install gsap gerekir.
› npx skills add https://github.com/greensock/gsap-skillsKomut Node.js ister ve kurulu ajanını kendiliğinden bulur. Belirli ajan için sonuna --agent antigravity gibi bir bayrak eklenir. npx skills anonim kullanım verisi gönderir; kapatmak için DO_NOT_TRACK=1 ayarlanır.
› /plugin marketplace add greensock/gsap-skillsREADME yalnız pazarı eklemeyi anlatıyor; eklentiyi kurma adımı README'de yazmıyor. Pazar eklendikten sonra Claude Code'un eklenti menüsünden gsap-skills eklentisini seç.
Settings sonra Rules sonra Add Rule sonra Remote Rule (Github) yolundan greensock/gsap-skills gir (README).
Depoyu indirip skills klasöründeki gsap-* klasörlerini ajanının skill klasörüne kopyala. README tablosuna göre: Claude Code ~/.claude/skills/, Cursor ~/.cursor/skills/, Codex ~/.codex/skills/, OpenCode ~/.config/opencode/skills/. Bu yol Node gerektirmez.
GitHub Copilot skill dosyalarını yüklemiyor; orada .github/copilot-instructions.md kopyalanır (README). Atlas kartındaki npx skills@1.7.1 sürüm sabitlemesi README'de yok.
GSAP Skills nasıl kullanılır?
Ayrıca çağırman gerekmez; ajan konuşulan konuya göre ilgili skill'i yükler. İstediğin animasyonu normal anlatman yeter ve kütüphaneyi belirt.
Ajanın yazdığı kod beklenmedik sırayla çalışırsa gsap.com/docs ile karşılaştır: açık issue'lar bazı skill ifadelerinin gerçek davranışla uyuşmadığını bildiriyor (aşağıdaki sorunlar bölümüne bak).
GSAP Skills hangi ajanlarda çalışır?
| Claude CodeVar | Eklenti pazarı, npx skills ya da elle kopyalama. |
|---|---|
| CursorVar | Remote Rule ya da npx skills. |
| Codex, OpenCode, Google Antigravity, PiVar | Skill klasörleri README tablosunda. |
| GitHub CopilotKısmen | Skill yüklemiyor; talimat dosyası kopyalanır. |
| Claude.ai (web sohbeti)Net değil | README yalnız kodlama ajanlarını sayıyor. |
GSAP Skills neye erişir?
Kendi başına hiçbir şey: yalnız talimat metni. Ajan bu talimatla projenin dosyalarını kendi izin kurallarıyla okur.
Skill yazmaz; kodu ajan yazar ve ajanın onay kuralları geçerlidir.
Skill hiçbir şey silmez.
Skill ağ isteği yapmaz. Yalnız kurulum aracı npx skills anonim telemetri gönderir; DISABLE_TELEMETRY=1 ya da DO_NOT_TRACK=1 kapatır.
Depoda hook, MCP sunucusu ve betik yok; GitHub Güvenlik Danışmanlıkları listesi boş. Bu "güvenli" demek değildir; README "Risk level: LOW" diyor, bu yapımcının kendi beyanı.
GSAP Skills ve GSAP ücretsiz mi? Lisansta ne yasak?
Skill'ler ücretsiz ve MIT lisanslı. GSAP kütüphanesi de eklentileriyle birlikte ücretsiz: gsap.com fiyat sayfası artık "Now Free!" diyor ve lisansın SSS'si eskiden üyelere özel SplitText ve MorphSVG gibi eklentilerin de ticari projelerde ücretsiz kullanılabildiğini yazıyor ("Yes, really!").
!Ücretsiz, kısıtsız demek değil. GSAP lisansı MIT değil, "Standard No Charge" lisansı: kodsuz görsel animasyon oluşturan ve Webflow'un görsel animasyon yeteneklerine rakip bir çözüm yaratmaya yardım eden araçlarda GSAP kullanmak önceden yazılı izne bağlı. Normal bir web sitesi, uygulama ya da arayüzde kullanım izinli. Telif bildirimlerini silmek de yasak.
Bu bir hukuki görüş değildir; emin değilsen lisans sayfasına ve GSAP'e başvur. Ajan aracının (Claude Code, Cursor vb.) kendi ücreti ayrı. TL fiyatı yok.
Sık sorunlar ve çözümleri
| Ne oluyor | Ne yapmalı |
|---|---|
| Windows'ta npx skills add "node:zlib crc32" hatasıyla düşüyor (Node 20.12.2) | Resmî çözüm yok (issue #16, açık). Elle kopyalama yolu Node gerektirmez. |
| Kullanıcıların bildirdiği Skill metni davranışla uyuşmuyor: zaman çizelgesinde varsayılan konum, refreshPriority yönü, bir örnekteki Max.max yazım hatası | Açık issue'lar (#15, #18, #20, #21); yapımcı henüz yanıtlamamış. Beklenmedik sırada kod gelirse gsap.com/docs ile kontrol et. |
GSAP Skills nasıl kaldırılır?
- Elle kopyaladıysan: Ajanın skill klasöründeki gsap-* klasörlerini sil.
- Claude Code pazarıyla kurduysan: Eklentiyi Claude Code'un eklenti menüsünden kaldır; istersen pazarı da kaldır.
- Cursor Remote Rule ise: Settings sonra Rules'tan kuralı sil.
npx skills ile kurulan skill için kaldırma komutunu bu belge vermiyor.
Sık sorulan sorular
GSAP artık gerçekten ücretsiz mi, eklentileri de?
Evet. gsap.com fiyat sayfası GSAP'in herkes için ücretsiz olduğunu yazıyor ve lisansın SSS'si eskiden üyelere özel SplitText ve MorphSVG dahil eklentilerin ticari projelerde ücretsiz kullanılabildiğini belirtiyor. Koşul Standard No Charge lisansına uymaktır.
Lisansta yasak olan ne?
Kodsuz görsel animasyon oluşturan ve Webflow'un görsel animasyon yeteneğiyle rekabet eden bir çözüm yaratmaya yardım eden araçlarda GSAP kullanmak önceden yazılı izne bağlı. Normal bir web sitesi ya da uygulamada kullanmak izinli. Hukuki görüş değildir.
Skill'i kurunca GSAP kütüphanesi de kurulur mu?
Hayır. Skill yalnız ajana nasıl yazacağını öğreten talimattır; projede npm install gsap gerekir. Eklentilerin hepsi aynı gsap paketinin içindedir.
Hangi ajanlarda çalışır?
README Cursor, Claude Code, Codex, Windsurf, Copilot, Google Antigravity ve skills CLI'nin desteklediği 40'tan fazla ajanı sayıyor. Copilot skill dosyalarını yüklemediği için orada talimat dosyası kopyalanır.
Skill benim kodumu veya verimi dışarı gönderir mi?
Skill ağ isteği yapmaz. Yalnız npx skills ile kurarken anonim kullanım verisi gönderilir; DO_NOT_TRACK=1 kapatır.
İlgili rehberler
Kaynaklar
Resmî kaynaklarda net olmayanlar: Claude Code'da pazar eklendikten sonraki kurulum adımı · npx skills ile kurulan skill'i kaldırma komutu · skill'in Claude.ai web sohbetinde kullanılabildiği · skill metinlerinin GSAP 3.15 davranışıyla tam uyumu (açık issue'lar sapma bildiriyor) · Türkçe ve TL bilgisi. Her biri ilgili bölümde yazılı.