core-web-vitals
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
- installs 8w
- 9,349
- 30-day movement
- starts with the next reading
- Related entries
- 3
- Connections
- 0
An agent skill that guides optimization of Core Web Vitals (LCP, INP, CLS) using field data to identify user impact and browser traces to diagnose causes. It bundles reference documents for each metric, a measurement workflow, RUM guidance, and framework-specific quick fixes for Next.js, React, and Vue/Nuxt.
Reach for it when a task involves improving page experience metrics like fixing LCP, reducing CLS, or optimizing INP, since it enforces a measure-first workflow with metric-specific references.
Use it to
- Fix slow LCP on a page
- Reduce unexpected layout shifts (CLS)
- Diagnose poor INP responsiveness
- Set up field/RUM measurement before optimizing
- Apply framework-specific vitals fixes
For Developers optimizing web page performance metrics
- Host repository
- addyosmani/web-quality-skills
- Version
- 2.0
- Installs, lifetime
- 26k
- Installs, 8 weeks
- 9,349
- Licence
- MIT
- Host stars
- 2,795
- Host language
- Shell