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".
Install
npx skills add addyosmani/web-quality-skills --skill core-web-vitalsnpx skills add addyosmani/web-quality-skills --skill core-web-vitals -a claude-code -gnpx skills add addyosmani/web-quality-skills --skill core-web-vitals -a codex -ggemini skills install https://github.com/addyosmani/web-quality-skills.git --path skills/core-web-vitalsgh skill install addyosmani/web-quality-skills core-web-vitalsgit clone --depth 1 https://github.com/addyosmani/web-quality-skills /tmp/addyosmani__web-quality-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/addyosmani__web-quality-skills/skills/core-web-vitals ~/.claude/skills/core-web-vitals # Claude Code
cp -R /tmp/addyosmani__web-quality-skills/skills/core-web-vitals ~/.agents/skills/core-web-vitals # Codex, Cursor, Gemini CLI, Copilot, OpenCode