Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność do budowania wysokowydajnych aplikacji 3D na bazie Three.js — biblioteki WebGL/WebGPU działającej w każdej przeglądarce. Użyj jej do tworzenia scen 3D, animacji, gier, wizualizacji danych, konfiguratora produktów czy doświadczeń VR/XR. Obsługuje zaawansowane materiały PBR, niestandardowe shadery, efekty post-processingu oraz optymalizację wydajności.
Jak używać
Zainstaluj umiejętność Three.js w swoim środowisku Claude/Codex, wskazując ścieżkę do repozytorium mrgoonie/claudekit-skills. Umiejętność będzie dostępna jako narzędzie do generowania kodu 3D.
Zapoznaj się z fundamentami, ładując referencję do podstaw Three.js — scene setup, geometrie, materiały i pętlę renderowania. To wystarczy do pierwszych projektów.
Gdy będziesz potrzebować załadować modele 3D (GLTF, FBX, OBJ) lub tekstury, użyj referencji do loaderów. Zawiera ona instrukcje obsługi różnych formatów i optymalizacji zasobów.
Dla interaktywnych doświadczeń (gry, konfigurator) skorzystaj z referencji do raycasting i picking — pozwoli ci na obsługę kliknięć i transformacji obiektów w scenie.
Jeśli chcesz dodać efekty wizualne (bloom, depth of field) lub zoptymalizować wydajność (instancing, LOD), załaduj referencje do post-processingu i optymalizacji. Są one kluczowe dla aplikacji wymagających wysokiej wydajności.
Dla zaawansowanych zadań (shadery niestandardowe, fizyka, VR/XR, dźwięk przestrzenny) odwołaj się do odpowiednich referencji w dokumentacji — każda zawiera przykłady i best practices.