What problem does it solve? Diagnosing slow page loads and poor Lighthouse scores requires correlating traces, network requests, and code, which is tedious and error-prone when done manually. This Skill automates the full audit workflow through Chrome DevTools MCP, producing prioritized, quantified findings. ## Core Features & Use Cases - Core Web Vitals Measurement: Captures LCP, INP, CLS, FCP, TBT, and Speed Index via performance traces and rates them against current thresholds. - Network & Render Analysis: Detects render-blocking resources, dependency chains, missing preloads, caching gaps, and oversized payloads. - Codebase Analysis: Detects the framework and bundler (Webpack, Vite, Next.js, etc.) to surface tree-shaking, polyfill, and minification issues. - Use Case: Point it at a staging URL before a release; it runs a trace, flags a 450KB hero image and a render-blocking script, and returns a prioritized fix list with estimated impact. ## Quick Start Ask the agent to audit the performance of your site at a given URL and report Core Web Vitals with prioritized recommendations.
