What problem does it solve? Teams often optimize code based on guesses, adding complexity without improving what users actually experience. This Skill enforces a measure-first discipline: profile, identify the real bottleneck, fix it, verify with numbers, and guard against regressions. ## Core Features & Use Cases - Structured Optimization Workflow: A five-step loop (Measure, Identify, Fix, Verify, Guard) with symptom-to-cause decision trees for frontend and backend issues. - Core Web Vitals Guidance: Threshold tables for LCP, INP, and CLS plus instrumentation examples using the web-vitals library and Lighthouse CI. - Anti-Pattern Fixes with Code: Concrete before/after examples for N+1 queries, unbounded fetching, unoptimized images, unnecessary React re-renders, large bundles, and missing caching. - Use Case: Your API's p95 latency exceeds 200ms. Use this Skill to profile database queries, find an N+1 pattern in the task listing endpoint, replace it with a single joined query, and verify the improvement with before/after measurements. ## Quick Start Ask the AI to profile the slow endpoint or page, identify the actual bottleneck from measurements, and apply the appropriate fix from the anti-pattern catalog.
