three-best-practices

Comprehensive performance optimization guide for Three.js applications. Contains 120+ rules across 18 categories, prioritized by impact. This skill compiles best practices from multiple authoritative sources: Reference these guidelines when: Read individual rule files for detailed explanations and code examples: Each rule file contains: - Official guidelines from Three.js llms branch maintained by mrdoob - 100 Three.js Tips by Utsubo - Excellent comprehensive guide covering WebGPU, asset optimization, and performance tips - Setting up a new Three.js project - Writing or reviewing Three.js code - Optimizing performance or fixing memory leaks - Working with custom shaders (GLSL or TSL) - Implementing WebGPU features - Building VR/AR experiences with WebXR - Integrating physics engines - Optimizing for mobile devices - setup-use-import-maps - Use Import Maps, not old CDN scripts - setup-choose-renderer - WebGLRenderer (default) vs WebGPURenderer (TSL/compute) - setup-animation-loop - Use renderer.setAnimationLoop() not manual RAF - setup-basic-scene-template - Complete modern scene template - memory-dispose-geometry - Always dispose geometries - memory-dispose-material - Always dispose materials and textures - memory-dispose-textures - Dispose dynamically created textures - memory-dispose-render-targets - Always dispose WebGLRenderTarget - memory-dispose-recursive - Use recursive...