What problem does it solve? Memory leaks and unnecessary re-renders accumulate silently in frontend code when effects, listeners, timers, and GPU resources are not properly disposed. This Skill provides enforceable rules and reference patterns that prevent leaks and keep rendering efficient. ## Core Features & Use Cases - Resource Cleanup Rules: Mandates cleanup for AudioContext, Three.js geometries/materials/textures, event listeners, timers, and in-flight async work via AbortController. - Render Optimization Guidance: Covers targeted memoization (useCallback, useMemo, React.memo), throttling high-frequency listeners, and lazy-loading heavy route-local code. - Leak Audit Reference: Includes a risk-ranked audit table mapping common patterns (unclosed AudioContext, uncleared intervals) to their fixes. - Use Case: When adding a Three.js animation or a scroll listener to a React component, apply this Skill to ensure every allocated resource is disposed in the effect cleanup and renders are memoized only where profiling justifies it. ## Quick Start Review this component for memory leaks and render performance issues, and add cleanup for any listeners, timers, or Three.js resources it allocates.
