perf-cwv perf-cwv Catalogue généré le 2026-05-11 En une phrase Audit complet des Core Web Vitals (LCP, INP, CLS) d'une page web avec diagnostic, plan correctif priorisé et budgets de performance recommandés. Quand l'utiliser Avant la mise en ligne d'une landing marketing ou d'une page SEO critique Quand une page semble lente, lourde ou saccadée Quand le score Lighthouse plafonne et qu'on ne sait plus quoi optimiser Pour fixer des budgets perf clairs (JS, CSS, images, fonts) sur un projet Avant un sprint de polish performance pour prioriser les actions à fort impact Comment l'invoquer Slash command : /perf-cwv Auto-invocation : ✅ Oui — quand une page est lente, lourde, ou avant livraison marketing/SEO Description détaillée Ce skill suit une procédure structurée en quatre temps. D'abord il mesure (via Lighthouse ou des données réelles si elles existent), puis il diagnostique chacune des trois métriques Core Web Vitals : le LCP (élément principal qui s'affiche, image hero, fonts, cache, SSR), l'INP (réactivité aux clics, hydration React/Vue, long tasks, taille de bundle) et le CLS (sauts visuels causés par des images sans dimensions, des fonts qui chargent tard, des injections dynamiques). Ensuite il produit un plan d'actions priorisé en P0/P1/P2, avec les 5 chantiers à plus fort impact, et propose des budgets concrets pour ne pas laisser le projet regrasser après livraison. Il donne aussi des snippets prêts à coller (lazy loading, preload des ressources critiques, aspect-ratio pour les médias, code splitting). Pour Thymon : c'est l'outil à dégainer quand un site fonctionne bien mais "rame", ou quand on veut s'assurer qu'une page marketing ne va pas couler au moment du lancement. Il est aussi utile en post-mortem si Lighthouse signale une régression après un déploiement. Source Plugin : perso (standalone) Nom interne : perf-cwv Fichier : /home/thymon/.claude/skills/perf-cwv/SKILL.md