Three.js Skills nedir? Claude Code ile kurulum, 10 skill, ücret ve lisans

Skill klasörlerini Claude Code'a kopyalarsın; Claude Three.js (tarayıcıda 3D çizim kütüphanesi) ile sahne, geometri, malzeme, ışık, doku, animasyon, model yükleme, shader, son işlem ve etkileşim kodunu belgeye uygun yazar. CloudAI-X adlı bir GitHub kullanıcısının hazırladığı 10 skill'lik koleksiyon; her skill tek bir SKILL.md talimat dosyası, betik, hook ya da MCP sunucusu yok. Ücretsiz ve herkese açık. README MIT diyor ama depoda LICENSE dosyası yok. README'deki kurulum komutu da bozuk (adres 404), bu yüzden depoyu indirip skill klasörlerini elle kopyalamak gerekiyor. Resmî Three.js ya da Anthropic deposu değil, bağımsız bir topluluk işi; son commit 19 Ocak 2026.

Ne yapar: Claude Code'a Three.js ile 3D sahne yazmayı öğretir
Tür: Skill koleksiyonu (10 skill)
Yapımcı: CloudAI-X (bağımsız topluluk, resmî değil)
İçerik: Yalnız talimat metni, kod çalıştırmaz
Lisans: README MIT diyor, LICENSE dosyası yok
Bakım: Son commit 19 Ocak 2026
Ücret: Ücretsiz

Three.js Skills ne işe yarar?

Skill, kodlama ajanına bir konuda nasıl çalışacağını öğreten talimat paketidir. Three.js Skills, Claude Code'un Three.js kodunu yazarken doğru sınıf adlarını, yapıcı imzalarını ve içe aktarma yollarını bilmesini hedefler; README'nin ifadesiyle Claude Code genel programlama bilgisiyle başlar ama Three.js'in ayrıntılı API'sini bilmez. Skill bir şey çalıştırmaz ve sahne üretmez; ajanın yazdığı 3D kodunun kalitesini yükseltir.

Ajana doğru Three.js kodu yazdırmakNe alırsın: Ajanın yazdığı Three.js koduAyrı kurulum gerekir

Yapacağın iş	Hangi skill
İlk 3D sahne: kamera, ekran boyutu, dönen küp	threejs-fundamentals
Hazır 3D modeli (GLB) sayfaya koymak	threejs-loaders
Sahne karanlık ya da düz görünüyor; ışık ve gölge	threejs-lighting
Yüzeyleri boyamak: metal, cam, mat	threejs-materials ve threejs-textures
Modeli hareket ettirmek, GLTF animasyonu oynatmak	threejs-animation
Tıklanan nesneyi seçmek, kamerayı fareyle döndürmek	threejs-interaction
Parlama, bulanıklık gibi ekran efektleri	threejs-postprocessing
Özel görsel efekt yazmak (GLSL)	threejs-shaders
Binlerce nesneyi akıcı çizmek, özel şekil	threejs-geometry

Hangisini kuracağını bilmiyorsan hepsini kopyalamak zararsız: ajan konuşulan konuya göre yalnız ilgili skill'i yükler (README). Yer kaplamasını azaltmak istersen yalnız işine yarayanları al.

Bu koleksiyon Three.js'in kendisini kurmaz ve sahneyi senin yerine çizmez. Projende ayrıca npm install three gerekir; skill yalnız ajana nasıl yazacağını anlatır.

Three.js Skills nasıl kurulur?

README'deki kurulum komutu çalışmıyor: git clone için verdiği adres (pinkforest/threejs-playground) artık yok. README ayrıca ".claude/skills dizinini kopyala" diyor ama depoda öyle bir dizin yok; skill'ler skills/ klasöründe. Aşağıdaki elle kopyalama yolu bu yüzden yazıldı.

Doğru depoyu indir› git clone https://github.com/CloudAI-X/threejs-skills

Depoyu git ile ya da GitHub'da Code > Download ZIP ile indir. İçindeki skills klasöründen threejs-* klasörlerini (hepsini ya da yalnız lazım olanları) projenin .claude/skills/ klasörüne kopyala; tüm projelerinde kullanmak istersen kullanıcı klasörüne (~/.claude/skills/). Her klasörün içinde SKILL.md bulunmalı. Bu konumlar Claude Code belgesinden; Node gerektirmez.

skills CLI belgesindeki genel biçim› npx skills add https://github.com/CloudAI-X/threejs-skills

Belirli bir skill için sonuna --skill threejs-animation gibi bir bayrak eklenir. Komut Node.js ister. skills CLI anonim kullanım verisi gönderir; kapatmak için DO_NOT_TRACK=1 ayarlanır.

Bu komut depo README'sinde yok. skills CLI belgesinin genel biçiminin bu depoya uygulanmışı; depo bu kullanımı ayrıca belgelemiyor. Atlas kartındaki npx skills@1.7.1 sürüm sabitlemesi de README'de yok.

Kurulumdan sonra Claude Code'u yeniden başlatman gerekebilir; bunu depo yazmıyor. Skill'in çalıştığını anlamak için Three.js ile ilgili bir istek ver ve ajanın ilgili skill'i yüklediğine bak.

Three.js Skills nasıl kullanılır?

Ayrıca çağırman gerekmez; README'ye göre Claude Code, isteğe uyan skill'i kendiliğinden yükler. Üç boyutlu bir şey istediğini normal Türkçe anlatman yeter ve Three.js'i adıyla belirt.

Dönen küp"Three.js ile dönen bir küp çizen basit bir sahne yaz. Kamera, ışık ve pencere boyutu değişince yeniden boyutlandırma olsun."

Hazır model"Three.js ile bir GLB modelini yükle ve içindeki animasyonları oynat. Yükleme sırasında hata olursa ekranda göster."

Özel efekt"Three.js'te kenarları parlayan bir küre için özel bir shader malzemesi yaz (fresnel efekti)."

Bunlar README'deki üç örnek isteğin (dönen küp, GLTF yükleme, özel shader) Türkçe uyarlamasıdır. Ajan hata verirse sürüm uyumunu kontrol et (aşağıdaki sorunlar bölümüne bak).

Three.js Skills hangi ajanlarda çalışır?

Claude CodeVar	README bunu anlatıyor; skill klasörü .claude/skills/ ya da ~/.claude/skills/ (Claude Code belgesi).
Diğer kodlama ajanlarıNet değil	Depo README'si yazmıyor. skills CLI belgesi başka ajanlar için klasör yolları veriyor.
Claude.ai (web sohbeti)Net değil	Resmî kaynak yazmıyor. Cowork ve bulut oturumları makinendeki ~/.claude/skills/ klasörünü okumaz (Claude Code belgesi).

Three.js Skills neye erişir?

Okur

Kendi başına hiçbir şey: yalnız talimat metni. Ajan bu talimatla projenin dosyalarını kendi izin kurallarıyla okur.

Yazar

Skill yazmaz; kodu ajan yazar ve ajanın onay kuralları geçerlidir.

Siler

Skill hiçbir şey silmez.

Veri

Skill ağ isteği yapmaz. Yalnız skills CLI ile kurarsan o araç anonim kullanım verisi gönderir; DO_NOT_TRACK=1 kapatır.

GitHub Güvenlik Danışmanlıkları listesi boş, yani kayıtlı uyarı görünmüyor; depo bir paket olarak yayımlanmadığı için paket veri tabanı taraması uygulanmadı. Bu "güvenli" demek değildir. Skill klasörlerinde betik yok; metinlerdeki internet adresleri yalnız senin projene yazılacak örnek kodun içinde. SKILL.md başlıklarında yalnız ad ve açıklama var, araç kısıtı ya da izni tanımlanmamış.

Three.js Skills ücretsiz mi? Lisansı ne?

Depo ücretsiz ve herkese açık; fiyat, plan ya da hesap yok. Ajanın (Claude Code) kendi ücreti ayrı. TL fiyatı yok.

Lisans belirsiz. README sonunda "MIT License - Feel free to use, modify, and distribute" yazıyor, ama depoda LICENSE dosyası yok ve GitHub lisansı algılamıyor. Açık bir issue (#16) tam bunu soruyor, yapımcı yanıtlamamış. Yani niyet README'de yazılı; tam lisans metni ve telif sahibi adı yok.

Bu bir hukuki görüş değildir. Skill'leri kendi projende kullanmak README'nin "Feel free to use" ifadesine dayanıyor; bir şirket ya da müşteri işinde emin olman gerekiyorsa yapımcıya GitHub'dan yaz.

Sık sorunlar ve çözümleri

Ne oluyor	Ne yapmalı
README'deki git clone ya da git submodule add komutu başarısız (depo bulunamıyor)	Adres artık yok (issue #17). Doğru depodan indirip elle kopyala; yukarıdaki kurulum bölümüne bak.
Kullanıcıların bildirdiği Ajan, Three.js'te olmayan bir içe aktarma yolu kullanıyor (ör. ContactShadows.js)	Açık PR #14 iki bozuk yol bildiriyor; yapımcı birleştirmemiş. Hata alırsan o örneği kullanma ve threejs.org/docs'a bak.
Kullanıcıların bildirdiği Kod Three.js'in yeni sürümünde uyarı veriyor	README skill'lerin r160+ belgesine göre denetlendiğini söylüyor; son commit Ocak 2026. Açık PR #6 r183 güncellemesi istiyor. Sürüm farkını belgeyle karşılaştır.

Three.js Skills nasıl kaldırılır?

Elle kopyaladıysan: Skill klasöründeki threejs-* klasörlerini sil.
skills CLI ile kurduysan: skills CLI belgesindeki npx skills remove komutunu kullan.

Sık sorulan sorular

Three.js Skills nedir?

CloudAI-X adlı bir GitHub kullanıcısının, Claude Code'a Three.js bilgisi vermek için hazırladığı 10 skill'lik koleksiyon. Her biri tek bir SKILL.md talimat dosyası; sahne, geometri, malzeme, ışık, doku, animasyon, yükleme, shader, son işlem ve etkileşimi kapsar.

Three.js Skills ücretsiz mi, ticari projede kullanabilir miyim?

Ücretsiz. README "MIT License" diyor ve kullanma, değiştirme, dağıtma serbestliğini yazıyor; ama depoda LICENSE dosyası yok ve bir issue bunu soruyor. Hukuki görüş değildir; emin olman gerekiyorsa yapımcıya yaz.

Hangi programlarda çalışır?

Depo README'si yalnız Claude Code'u anlatıyor. Aynı SKILL.md biçimi başka ajanlarda da kullanılıyor; skills CLI belgesi ajan listesini ve klasör yollarını veriyor ama depo README'si bunları anmıyor.

README'deki kurulum komutu çalışmıyor, ne yapmalıyım?

README'deki adres (pinkforest/threejs-playground) artık yok. Doğru depoyu (CloudAI-X/threejs-skills) indirip threejs-* klasörlerini skill klasörüne kopyala.

Skill'i kurunca Three.js de kurulur mu?

Hayır. Skill yalnız ajana nasıl yazacağını öğreten talimattır; projede npm install three gerekir.

Skill kodumu veya verimi dışarı gönderir mi?

Skill ağ isteği yapmaz; yalnız talimat metnidir. Yalnız skills CLI ile kurarsan o araç anonim kullanım verisi gönderir; DO_NOT_TRACK=1 kapatır.

İlgili rehberler

Claude

Claude Code

Kaynaklar

Resmî kaynaklarda net olmayanlar: Skill metinlerinin Three.js'in güncel sürümüyle uyumu (açık PR'lar sapma bildiriyor) · lisansın hukuki durumu (README MIT diyor, LICENSE dosyası yok) · Claude Code dışındaki ajanlarda ve Claude.ai web sohbetinde çalışıp çalışmadığı · skills CLI ile bu depoyu kurmanın gerçekten çalıştığı · yapımcının kimliği (GitHub açıklaması boş) · Türkçe ve TL bilgisi. Her biri ilgili bölümde yazılı.