Can it detect detached DOM nodes?

The skill counts nodes currently in the document. If the heap grows while the document node count remains stable, it provides a strong signal that detached DOM nodes or JS objects are being retained in memory.

How does it ensure memory measurements are accurate?

It uses the Chrome DevTools Protocol to force garbage collection (GC) and includes a timeout before measurements to allow the heap to stabilize, reducing noise from temporary objects.

What are the prerequisites for using this skill?

You must have a Playwright MCP server connected and a Chromium-based browser available for the full suite of heap-tracking features.

What browsers does this skill support?

The skill is optimized for Chromium-based browsers to access the performance.memory API and CDP HeapProfiler. It gracefully falls back to DOM node count analysis on Firefox and Safari.

Memory Leak Detector

Name: Memory Leak Detector
Author: anouar1991

byanouar1991

•

Security & Testing

Detects JavaScript memory leaks and DOM node growth in web applications by analyzing heap usage across repeated interactions.

The Memory Leak Detector skill provides a systematic approach to identifying performance regressions in web applications by measuring JS heap size and DOM node counts. By leveraging Playwright and the Chrome DevTools Protocol (CDP), it automates forced garbage collection between repeated user actions—such as opening modals, navigating routes, or filtering lists—to provide quantitative evidence of memory leaks. It calculates growth trends, determines if memory usage is monotonic, and offers a diagnostic verdict to help developers isolate leaks before they impact user experience.

Key Features

01Detailed leak reporting including MB/KB growth rates and percentage-based verdicts

021 GitHub stars

03Automated tracking of JS heap size and DOM node counts across multiple iterations

04Forced garbage collection via CDP HeapProfiler for high-precision baseline measurements

05Monotonic growth trend analysis to distinguish between leaks and normal fluctuations

06Graceful fallback to DOM-only analysis for non-Chromium browser environments

Use Cases

01Validating performance optimizations by providing quantitative before-and-after memory metrics

02Identifying memory leaks in Single Page Applications (SPAs) during repeated route transitions

03Detecting detached DOM nodes in complex UI components like modals, dialogs, and data tables

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add anouar1991/binarypetsclaude memory-leak-detector

For use in Claude.ai and ChatGPT

Download Skill