What problem does it solve?
This Skill helps diagnose and fix frontend slowness, jank, memory leaks, and layout instability in animation-heavy or visually rich web experiences. It focuses on measurable performance work instead of guesswork, so improvements are tied to real profiler evidence.
Core Features & Use Cases
- Jank diagnosis: Uses browser performance profiling to find long tasks, layout thrashing, and excessive paint or composite work.
- Memory leak investigation: Tracks down unreleased listeners, timers, observers, animation loops, and retained detached DOM nodes.
- Core Web Vitals optimization: Improves LCP, INP, and CLS by targeting the specific bottlenecks that affect user-perceived performance.
- Budgeting and enforcement: Sets practical asset and bundle budgets and enforces them in CI for regression prevention.
- Use case: A product team preparing an animation-heavy landing page can use this Skill to profile interaction lag, reduce main-thread blocking, and define CI budget checks before launch.
Quick Start
Ask the assistant to profile the slow interaction or page, identify the measured bottlenecks, and recommend a concrete fix with a matching performance budget if needed.
