Addy OsmaniDiagnose and repair page-experience regressions using real measurement rather than a guess about what got slow.
In the author’s words
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".
The description field from SKILL.md, quoted as written.
Read it before you install it
SKILL.md · 219 lines
Install on its own
Or add it to your stack above and install everything at once.
npx skills add https://github.com/addyosmani/web-quality-skills --skill core-web-vitalsTrust audit
View the source ↗- Checked automatically and confirmed.
- Resolved (HTTP 200), passed
- Checked automatically and confirmed.
- Resolves · 2,791 stars, passed
- Checked automatically and confirmed.
- Transcribed from the author's own page, passed
- Checked automatically and confirmed.
- Last updated 22 days ago, passed
- Checked automatically and confirmed.
- Credited to Addy Osmani, passed
Goes well with
webgl-components
Always-on WebGL visuals that survive being rendered fifty times in a list.
One shared context blitted into cheap 2D canvases, one rAF loop, IntersectionObserver gating, mipmaps, and real optics instead of painted ones. The failure modes are predictable and nearly all come from treating the widget like a demo.
npx skills add https://github.com/flornkm/skills --skill webgl-components
performance
Load time, bundle size and the audit that finds where it went.
General web performance work such as "speed up my site" or "why is this slow", with the fixes ordered by payoff.
npx skills add https://github.com/addyosmani/web-quality-skills --skill performance
PerformanceFull page & trust audit →
Florian Kiem
Addy Osmani