Setup & Installation
What This Skill Does
Diagnoses and fixes Core Web Vitals issues across LCP, INP, and CLS. Covers image preloading, main thread optimization, layout shift prevention, and field measurement with the web-vitals library. Includes framework-specific patterns for Next.js, React, and Vue. Lighthouse tells you a metric is bad but not which element or line to fix, this skill maps each metric to the actual code patterns that cause regressions.
When to use it
- Working with core web vitals functionality
- Implementing core web vitals features
- Debugging core web vitals related issues
