What problem does it solve? React Three Fiber and Three.js components commonly suffer from GC stutter caused by per-frame allocations, unnecessary React re-renders inside animation loops, untyped material access, and GPU memory leaks from undisposed geometries, materials, and textures. ## Core Features & Use Cases - Render-loop performance rules: Prohibits object allocation inside useFrame, mandates mutation of uniforms and refs instead of per-frame setState, and recommends InstancedMesh for many identical geometries. - Typed materials and shader uniforms: Enforces narrowing mesh.material to concrete classes like THREE.ShaderMaterial before uniform access, and stable uniform objects defined via useMemo. - Resource disposal and scaffolding: Provides disposal checklists for geometries, materials, and textures, plus a TypeScript R3F component template in assets/. - Use Case: When writing or reviewing a WebGL scene component, load the matching reference (lifecycle, disposal, or shaders) to verify the component avoids per-frame allocation and disposes all GPU resources on unmount. ## Quick Start Ask the AI to review your React Three Fiber component for render-loop allocations, material typing, and missing disposal cleanup.
