memory-leak-detector

Detect memory leaks in single-page applications by tracking JavaScript heap usage and DOM node growth across repeated interactions like route changes or modal toggles. This Skill automates baseline and iterative measurements to identify monotonic growth patterns.

Yes, the memory leak detector works with Playwright. It requires the Playwright MCP server and a Chromium-based browser to run automated measurement logic and utilize the Chrome DevTools Protocol HeapProfiler for accurate heap metrics.

The best way to quantify JavaScript heap growth is by computing baseline and iterative measurements using CDP HeapProfiler and Chrome Performance memory metrics. This approach assesses leak impact by measuring heap and DOM node growth over repeated interaction cycles.

You can measure DOM node growth when components re-render by running automated measurement logic across 10 iterations. This tracks DOM node counts against a baseline to surface memory leaks in components that hot-reload or update lists repeatedly.

You need Chrome DevTools Protocol HeapProfiler for web performance debugging when investigating long-running web applications. It enables automated instrumentation to monitor JavaScript heap usage and identify leaks caused by repeated interactions or unmanaged DOM nodes.