Design UI/UX et graphisme Point de vigilance Débutant
web-design-guidelines
vercel-labs/agent-skills
Auditer une interface (espacement, accessibilité, interactions)
Texte de fiche en cours de relecture : les informations techniques sont vérifiées, la rédaction n'est pas encore validée par un humain.
À quoi ça sert
Fait relire par l'agent le code de ton interface selon une liste de bonnes pratiques web : espacement, accessibilité, interactions, et te signale ce qui ne les respecte pas.
Pour qui
Tu as une page ou une appli web et tu veux un contrôle qualité de l'interface.
Exemples de demandes
- « Relis mon interface et dis-moi ce qui pose problème en accessibilité. »
- « Audite le design de cette page selon les bonnes pratiques. »
Limites
- État orange : les consignes réelles sont téléchargées à chaque usage depuis internet, et ce texte peut changer sans prévenir.
- La licence n'est pas déclarée : on ne fait qu'un lien vers le skill, sans reprendre son texte.
- L'analyse a aussi relevé une anomalie mineure à examiner.
Installer ce skill
Prérequis : Aucun
Copie la commande, colle-la dans ton terminal (Mac) ou PowerShell (Windows), puis confirme toi-même quand le programme te le demande.
Commande (dernière version publiée)
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines -a claude-codeIl faut Node.js 22.20 ou plus récent pour la commande npx. Windows : si la création de liens échoue : ajouter --copy (non testé).
Commande figée sur la version vérifiée
Commande figée sur la version vérifiée
npx skills add vercel-labs/agent-skills@1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62 --skill web-design-guidelines -a claude-codeCommande vérifiée sur la documentation, pas encore essayée par Neurylio.
Avant d'installer. Lis le fichier SKILL.md sur GitHub, vérifie d'où vient le skill et ce qu'il peut faire. Les leçons du module 7 t'expliquent comment :