Compétence d'audit des normes d'interface officielle de Vercel : avant chaque audit, récupère les dernières Web Interface Guidelines depuis GitHub, les compare point par point aux fichiers que vous spécifiez, et liste les problèmes au format file:line.
Installations de skills.sh 792813 (+4577 / 24h)
Audit de sécurité : avertissements de risque présents
- Effectue des requêtes réseau ou appelle des API externes / MCP distants
- Périmètre de l'audit : GitHub vercel-labs/agent-skills/skills/web-design-guidelines/SKILL.md (ne scanne que le texte de SKILL.md)
Justification
- Les règles couvrent l'accessibilité, les états de focus, les formulaires, les animations, la typographie, les images, les performances, la navigation et les états, le tactile, les zones de sécurité, le mode sombre, le multilingue, la sécurité d'hydratation, la rédaction, ainsi qu'une liste d'anti-patterns à signaler
- La sortie est uniformisée en conclusions courtes au format file:line, groupées par fichier, pour faciliter les corrections point par point
- SKILL.md ne fait qu'une dizaine de lignes, les règles se trouvent dans le fichier distant, donc pas besoin de réinstaller après une mise à jour des normes
- skills.sh 24 installations en heures 4577, cumul 792813 (indique uniquement le niveau d'attention)
Utilisation
- npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
- Dites à l'agent « review my UI » en précisant les fichiers ou les chemins avec jokers ; s'il n'y a pas de fichiers, il demandera d'abord
- Nécessite que le client dispose d'un outil de lecture en ligne comme WebFetch
Risques
- Les requêtes réseau et l'usage mentionnés dans l'audit sont cohérents : à chaque exécution, récupère command.md depuis vercel-labs/web-interface-guidelines sur raw.githubusercontent.com, et SKILL.md stipule d'utiliser les règles et le format de sortie qui s'y trouvent, ce qui revient à confier les instructions d'audit à un fichier distant dont la version n'est pas fixe
- Audit sans modification ; certaines règles sont formulées selon les conventions React / Tailwind (par exemple <Link>, focus-visible:ring-*)