Install
npx skills add addyosmani/web-quality-skillsÀ qui cela s’adresse
Convient à qui améliore la qualité web à partir de mesures, pas au feeling sur le style. Texte officiel : c’est une collection Agent Skills non officielle, axée mesure, pour optimiser des projets web avec Google Lighthouse, Chrome DevTools orientés agent, Core Web Vitals, WCAG et des indications liées à la recherche.
Mieux adapté : qui a déjà un site ouvrable ou un projet local et veut d’abord un contrôle qualité fondé sur des preuves. La skill nommée dans la source est web-quality-audit : contrôles à travers les catégories Lighthouse et code source. Les phrases de déclenchement incluent “Audit my site”, “Review this for quality”, “Check web quality”.
Elle se dit indépendante de la pile et utilisable avec React, Vue, Angular, Svelte, Next.js, Nuxt, Astro, HTML brut et similaires. Ne pas lire cet ensemble comme « uniquement ces frameworks ».
Avant de commencer, il faut pouvoir exécuter npx skills add. Ne pas remplacer le chemin principal par un autre installateur.
Réussir un premier essai en 3 minutes
Suivre uniquement le chemin principal npx du dépôt. Le premier essai est un contrôle seulement ; ne pas modifier le code de production.
Préalable : cette machine a déjà npm/npx, et vous avez un projet web existant ou un site joignable. Ne pas inventer d’URL à contrôler.
Emplacement d’installation : exécuter dans l’espace de travail :
npx skills add addyosmani/web-quality-skills
Dépôt officiel :
https://github.com/addyosmani/web-quality-skills
Ancre des notes de skill :
https://github.com/addyosmani/web-quality-skills#web-quality-audit
Aperçu Lighthouse :
https://developer.chrome.com/docs/lighthouse/overview/
Déclencheur à faible risque : après installation, dire “Check web quality” ou “Review this for quality” sur un projet existant. Le texte officiel décrit un contrôle fondé sur des preuves. Lire d’abord le rapport, puis décider de modifier des fichiers. La page de spécification Agent Skills n’est qu’un pointeur de la source :
https://agentskills.io/
Succès : l’assistant donne des résultats par catégories Lighthouse et code source, au lieu de livrer un correctif tout de suite. Si l’étape suivante changeait du code de performance ou d’accessibilité, confirmer d’abord quels fichiers changeront.
Cas d’usage
Cas 1 : lancer web-quality-audit sur un site existant. Utiliser une des phrases officielles et faire contrôler à travers Lighthouse et le code source. Convient à qui a déjà un site et veut d’abord des mesures. La preuve ne décrit que cette ligne de skill et ne nomme pas d’autres skills. Traiter la sortie comme un résultat de contrôle ; ne pas l’envoyer automatiquement.
Cas 2 : faire le même contrôle axé mesure dans des projets de frameworks différents. Le texte officiel dit indépendant de la pile et cite React, Vue, Angular, Svelte, Next.js, Nuxt, Astro et HTML brut. Convient à qui a déjà une pile fixe et veut seulement ajouter un contrôle qualité. Ne pas en déduire qu’un de ces frameworks est obligatoire, ni inventer des noms de skills absents.
Limites d’usage
La commande d’installation principale est npx skills add addyosmani/web-quality-skills. La source écrit aussi des commandes plugin Claude Code : /plugin marketplace add addyosmani/web-quality-skills, puis /plugin install web-quality-skills@addy-web-quality-skills. Ne pas mêler les deux chemins dans une première opération.
La seule skill nommée sur cette page est web-quality-audit. Ne pas compléter d’autres noms de skills.
C’est une collection non officielle. Le texte officiel ne promet pas de couvrir toutes les clauses WCAG, et n’exige pas d’ouvrir à la fois les indications de recherche et DevTools.