What problem does it solve? Three.js applications frequently suffer from memory leaks, excessive draw calls, and poor frame rates because developers miss critical optimization steps like geometry disposal, instancing, and texture compression. This Skill provides a prioritized rule set of 120+ guidelines so AI-assisted coding produces performant, leak-free 3D scenes. ## Core Features & Use Cases - Prioritized Optimization Rules: 120+ rules across 18 categories ranked by impact, covering memory disposal, render loops, draw calls, geometry, materials, lighting, and mobile optimization. - Modern Rendering Coverage: Guidance for WebGPURenderer, TSL (Three.js Shading Language), compute shaders, and GLSL shader best practices. - Production Readiness: Rules for asset compression (Draco, KTX2, Meshopt), Core Web Vitals, WebGL context loss recovery, debugging tools, and version migration checklists. - Use Case: When reviewing a React Three Fiber scene that leaks GPU memory on unmount, apply the memory-dispose rules to add recursive geometry, material, and texture disposal in cleanup functions. ## Quick Start Review my Three.js scene code and apply the critical memory management and draw call optimization rules to fix performance issues.
