🎯

core-web-vitals

🎯Skill

from addyosmani/web-quality-skills

What it does

A comprehensive collection of agent skills for web quality optimization based on Google Lighthouse guidelines, Core Web Vitals, WCAG 2.1 accessibility, and modern SEO best practices.

Overview

Core Web Vitals is a skill from the Web Quality Skills collection that provides specialized guidance for optimizing LCP, INP, and CLS metrics in web projects. It is stack-agnostic and works with any framework including React, Vue, Angular, Svelte, Next.js, Nuxt, Astro, and plain HTML, encoding optimization patterns from real-world performance engineering experience.

Key Features

Core Web Vitals Optimization - Focused guidance for improving Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS)
Stack-Agnostic Approach - Works with any web framework or plain HTML, not tied to a specific technology stack
150+ Lighthouse Audit Patterns - Encodes collective wisdom from over 150 Lighthouse audits across Performance, Accessibility, SEO, and Best Practices
Auto-Activation - Skills trigger automatically when requests match their description, responding to prompts like "Improve Core Web Vitals", "Fix LCP", or "Reduce CLS"
Part of Comprehensive Suite - One of six complementary skills including performance, accessibility, SEO, best-practices, and a full web-quality-audit skill

Who is this for?

This is for web developers who need to improve their site's Core Web Vitals scores for better user experience and search ranking. It is ideal for teams working on performance optimization who want AI-assisted guidance based on Google Lighthouse standards and WCAG 2.1 compliance.

📦

Same repository

addyosmani/web-quality-skills(6 items)

core-web-vitals

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add addyosmani/web-quality-skills --skill core-web-vitals

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add addyosmani/web-quality-skills --skill core-web-vitals

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/core-web-vitals/SKILL.md

SKILL.md

2,766Installs

402

Last UpdatedJan 18, 2026

View on GitHub Back to Skills

More from this repository5

🎯

performance🎯Skill

A comprehensive collection of agent skills for web quality optimization based on Google Lighthouse guidelines, Core Web Vitals, WCAG 2.1 accessibility, and modern SEO best practices.

🎯

accessibility🎯Skill

Audits and improves web accessibility by evaluating content against WCAG 2.1 guidelines, ensuring usability for users with disabilities

🎯

seo🎯Skill

Audits and optimizes web SEO based on Google Lighthouse guidelines, covering meta tags, content structure, Core Web Vitals, and search ranking best practices

🎯

best-practices🎯Skill

A comprehensive collection of agent skills for web quality optimization based on Google Lighthouse guidelines, Core Web Vitals, WCAG 2.1 accessibility, and modern SEO best practices.

🎯

web-quality-audit🎯Skill

A comprehensive collection of agent skills for web quality optimization based on Google Lighthouse guidelines, Core Web Vitals, WCAG 2.1 accessibility, and modern SEO best practices.