What problem does it solve? Slow applications and unverified optimization guesses waste engineering effort. This Skill enforces a measure-first workflow so you fix the actual bottleneck—whether it is Core Web Vitals regressions, N+1 database queries, or oversized JavaScript bundles—instead of optimizing blindly. ## Core Features & Use Cases - Structured Optimization Workflow: Follows a five-step loop (Measure, Identify, Fix, Verify, Guard) with synthetic tools like Lighthouse and RUM data from the web-vitals library. - Anti-Pattern Fixes: Provides concrete before/after code for N+1 queries, unbounded data fetching, missing image optimization, unnecessary React re-renders, large bundles, and missing caching. - Performance Budgets & Verification: Defines enforceable budgets (bundle size, API p95 latency, Lighthouse score) with CI checks and a post-change verification checklist. - Use Case: Your LCP score regressed to 4.5s after a release. Use this Skill to profile the network waterfall, identify an unoptimized hero image, apply responsive srcset markup, and confirm the improvement with before/after measurements. ## Quick Start Ask the AI to profile my app's slow page load and fix the identified performance bottleneck following the measure-first workflow.