addyosmani/core-web-vitals

Optimisez les Core Web Vitals (LCP, INP, CLS) pour améliorer l'expérience de la page et le classement dans les recherches. À utiliser lorsque l'on vous demande « améliorer les Core Web Vitals », « corriger le LCP », « réduire le CLS », « optimiser l'INP », « optimisation de l'expérience de la page » ou « corriger les décalages de mise en page ».

Qu'est-ce que core-web-vitals ?

Ce skill, addyosmani/core-web-vitals, est un outil spécialisé pour les agents IA comme Claude Code, conçu pour diagnostiquer et optimiser les Core Web Vitals (LCP, INP, CLS). Il est particulièrement utile pour les développeurs web cherchant à améliorer les performances de leurs pages, l'expérience utilisateur et le classement dans les moteurs de recherche. En utilisant ce skill, l'agent peut analyser le code, suggérer des optimisations ciblées (par exemple, charger les images paresseusement pour le LCP, réduire les animations pour l'INP, ou stabiliser les dimensions pour le CLS), et générer des rapports détaillés. Il fonctionne sur n'importe quel projet web (HTML, CSS, JavaScript, frameworks modernes) et ne nécessite aucune configuration particulière, se basant sur les prompts de l'utilisateur pour déclencher des actions spécifiques comme "réduire le CLS" ou "optimiser l'INP".

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/addyosmani/web-quality-skills/tree/main/skills/core-web-vitals

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait core-web-vitals ?

Optimisez les Core Web Vitals (LCP, INP, CLS) pour améliorer l'expérience de la page et le classement dans les recherches. À utiliser lorsque l'on vous demande « améliorer les Core Web Vitals », « corriger le LCP », « réduire le CLS », « optimiser l'INP », « optimisation de l'expérience de la page » ou « corriger les décalages de mise en page ».

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

Skills associés