Addy OsmaniGeneral web performance work such as "speed up my site" or "why is this slow", with the fixes ordered by payoff.
In the author’s words
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".
The description field from SKILL.md, quoted as written.
Read it before you install it
SKILL.md · 390 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 performanceTrust 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
core-web-vitals
LCP, INP and CLS, fixed with field and lab evidence.
Diagnose and repair page-experience regressions using real measurement rather than a guess about what got slow.
npx skills add https://github.com/addyosmani/web-quality-skills --skill core-web-vitals
PerformanceFull page & trust audit →
Florian Kiem
Addy Osmani