What problem does it solve? Slow applications, regressions, and poor Core Web Vitals are hard to fix without a disciplined process. This Skill replaces guesswork with a measure-identify-fix-verify-guard workflow so every optimization targets a proven bottleneck instead of adding complexity for no gain. ## Core Features & Use Cases - Measurement-First Workflow: Establish baselines with synthetic tools (Lighthouse, DevTools) and real-user monitoring (web-vitals, CrUX) before changing any code. - Anti-Pattern Fixes: Concrete before/after code for N+1 queries, unbounded fetching, missing indexes, connection pool exhaustion, unoptimized images, unnecessary React re-renders, large bundles, and missing caching. - Regression Guarding: Performance budgets, CI enforcement with bundlesize and Lighthouse CI, plus a detailed reference checklist covering fonts, caching strategies, query plans, and INP optimization. - Use Case: Your API's p95 latency exceeds 200ms. Use this Skill to profile the endpoint, find an N+1 query pattern, fix it with eager loading, verify with EXPLAIN ANALYZE, and add a CI budget to prevent regression. ## Quick Start Ask the AI to profile your slow page or endpoint and apply the performance-optimization workflow to identify and fix the bottleneck with before-and-after measurements.