threejs

Build 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR/XR experiences, games, data visualizations, product configurators.

1. 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.

2. 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.

3. 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.

4. 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.

5. 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.

6. 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.