What problem does it solve? Slow applications and unmeasured optimization attempts waste effort and degrade user experience. This Skill enforces a disciplined measure-identify-fix-verify-guard cycle so performance work targets real bottlenecks instead of guesses. ## Core Features & Use Cases - Five-Step Optimization Workflow: Measure baselines with synthetic and real-user monitoring, profile to identify actual bottlenecks, fix them, verify with before/after numbers, and guard against regression with CI budgets. - Core Web Vitals Guidance: Concrete thresholds for LCP, INP, and CLS plus instrumentation examples using the web-vitals library. - Anti-Pattern Fixes: Ready-to-apply corrections for N+1 queries, unbounded data fetching, unoptimized images, unnecessary React re-renders, oversized bundles, and missing caching. - Use Case: Your dashboard's LCP regressed to 5 seconds after a release. Use this Skill to profile the page, find render-blocking resources and an N+1 query, apply fixes, and confirm LCP drops below 2.5 seconds. ## Quick Start Use the performance-optimization skill to profile my app's slow dashboard page and fix the bottlenecks you find.