Modern Web Guidance
Recueil de skills publié par l'équipe Chrome de Google, avec les équipes de Microsoft Edge, de Mozilla Firefox et de MDN, sous licence Apache 2.0 pour le code et CC-BY 4.0 pour les guides. Il couvre environ 250 fonctions récentes de la plateforme web : mise en page CSS (requêtes de conteneur, `subgrid`, couleurs `oklch`), transitions de vue, popovers et positionnement par ancre, dialogues, validation de formulaire, performance (préchargement, `scheduler.yield`), accessibilité, et les API d'IA intégrées au navigateur. L'agent ne charge pas tout : il interroge un petit outil en ligne de commande, qui cherche hors ligne le guide pertinent et ne lui injecte que celui-là, avec le code, les pièges connus et une solution de repli légère pour les navigateurs plus anciens. Le support des navigateurs vient des données Baseline. Les fonctions encore expérimentales restent trouvables mais verrouillées tant que tu ne les autorises pas dans un fichier `.mwgrc`. Un second paquet, optionnel, couvre les extensions Chrome. L'installation passe par une commande `npx`, ou par le système de plugins de Claude Code, de Codex et d'autres agents.
Forces
- Tenu par les équipes Chrome, Edge, Firefox et MDN : pas le goût d’un seul éditeur
- Économe en contexte : l'agent ne récupère que le guide utile, la skill elle-même tient en quelques centaines de jetons
- Chaque guide donne une solution de repli légère au lieu d’une bibliothèque de compatibilité lourde
- Une commande repère dans ton code les vieux motifs à moderniser, avant même que tu demandes une modification
Limites
- Télémétrie active par défaut : nombre d'installations, nom de l'agent et requêtes de recherche partent chez Google tant que tu ne poses pas `DISABLE_TELEMETRY=1`
- Elle parle de la plateforme web, pas de ton design system : elle ne sait rien de tes composants maison
- La commande `npx ...@latest` récupère la dernière version à chaque appel : deux passages à une semaine d'écart peuvent donner des conseils différents
Pour qui
- Équipes front qui laissent un agent écrire l'interface et veulent du HTML et du CSS natifs plutôt que des dépendances
- Un designer qui prototype avec un agent et veut des animations, popovers et formulaires qui tiennent sans JavaScript ajouté
- Un vieux projet à moderniser : la commande de repérage liste les motifs dépassés avant que tu confies le chantier à un agent