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 performance audits 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 automated performance traces with reload, then rates each against standard thresholds. - Network & Render Analysis: Detects render-blocking resources, dependency chains, missing preloads, caching issues, and oversized payloads from live network request data. - Codebase Analysis: Detects the framework and bundler (Webpack, Vite, Next.js, etc.) to surface tree-shaking, polyfill, minification, and dead-code issues. - Use Case: Point the Skill at a staging URL, and it returns a Core Web Vitals summary table, a prioritized issue list with estimated impact, and specific fixes like compressing a named hero image or deferring a blocking script. ## Quick Start Ask the assistant to audit the performance of your site URL and report Core Web Vitals with prioritized recommendations.
