What problem does it solve? Slow applications lose users, but optimizing without measurement wastes effort on the wrong things. This Skill provides a structured measure-identify-fix-verify-guard workflow for finding and fixing real performance bottlenecks across frontend rendering, backend APIs, and database queries. ## 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, connection pool exhaustion, missing image optimization, unnecessary React re-renders, large bundles, and missing caching. - Regression Guarding: Set performance budgets, enforce them in CI with bundlesize and Lighthouse CI, and log every attempt so failed ideas are not retried. - Use Case: Your API endpoints suddenly feel slow. Use this Skill to profile database queries with EXPLAIN ANALYZE, discover an N+1 pattern in the task listing endpoint, fix it with a single joined query, and verify the p95 latency improvement before committing. ## Quick Start Use the performance-optimization skill to profile my app's slow dashboard page and identify the actual bottleneck before suggesting fixes.