core-web-vitals
✓Optimisez Core Web Vitals (LCP, INP, CLS) pour une meilleure expérience de page et un meilleur classement dans les recherches. À utiliser lorsqu'on vous demande d'« améliorer Core Web Vitals », « corriger LCP », « réduire CLS », « optimiser INP », « optimiser l'expérience de la page » ou « corriger les changements de mise en page ».
Installation
SKILL.md
Targeted optimization for the three Core Web Vitals metrics that affect Google Search ranking and user experience.
| Metric | Measures | Good | Needs work | Poor |
| LCP | Loading | ≤ 2.5s | 2.5s – 4s | > 4s | | INP | Interactivity | ≤ 200ms | 200ms – 500ms | > 500ms | | CLS | Visual Stability | ≤ 0.1 | 0.1 – 0.25 | > 0.25 |
Optimisez Core Web Vitals (LCP, INP, CLS) pour une meilleure expérience de page et un meilleur classement dans les recherches. À utiliser lorsqu'on vous demande d'« améliorer Core Web Vitals », « corriger LCP », « réduire CLS », « optimiser INP », « optimiser l'expérience de la page » ou « corriger les changements de mise en page ». Source : addyosmani/web-quality-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/addyosmani/web-quality-skills --skill core-web-vitals- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que core-web-vitals ?
Optimisez Core Web Vitals (LCP, INP, CLS) pour une meilleure expérience de page et un meilleur classement dans les recherches. À utiliser lorsqu'on vous demande d'« améliorer Core Web Vitals », « corriger LCP », « réduire CLS », « optimiser INP », « optimiser l'expérience de la page » ou « corriger les changements de mise en page ». Source : addyosmani/web-quality-skills.
Comment installer core-web-vitals ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/addyosmani/web-quality-skills --skill core-web-vitals Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/addyosmani/web-quality-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01