← Library

Agent skill

core-web-vitals

Addy Osmani

Diagnose and repair page-experience regressions using real measurement rather than a guess about what got slow.

PerformanceUpdated 2 months ago3,026 stars

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-vitals
Source ↗GitHub ↗skills.sh ↗Addy Osmani ↗

Trust audit

View the source ↗
100%verified
Resolved (HTTP 200), passed
Resolves · 3,026 stars, passed
Transcribed from the author's own page, passed
Last updated 2 months ago, passed
Credited to Addy Osmani, passed

All 5 checks passed when this was last run. Links were last checked on .

Goes well with

  • webgl-components

    Always-on WebGL visuals that survive being rendered fifty times in a list.

    Florian Kiem3DPerformance

    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

    3DPerformanceComponentsFull page & trust audit →
  • performance

    Load time, bundle size and the audit that finds where it went.

    Addy OsmaniPerformance

    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

  • animate-expo

    The same motion decisions, made for React Native and Expo.

    Emil KowalskiMotionPerformance

    Which thread it runs on, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler and expo-haptics, and fixes motion that stutters on device.

    npx skills add https://github.com/emilkowalski/skills --skill animate-expo

Work with us