Directives d'Interface Web
Vérifie la conformité des fichiers avec les Directives d'Interface Web.
Fonctionnement
- Récupère les dernières directives depuis l'URL source ci-dessous
- Lit les fichiers spécifiés (ou demande à l'utilisateur les fichiers/modèle à utiliser)
- Vérifie chaque règle dans les directives récupérées
- Affiche les résultats au format concis
fichier:ligne
Source des Directives
Récupère les directives à jour avant chaque vérification :
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Utilise WebFetch pour obtenir les dernières règles. Le contenu récupéré contient toutes les règles et les instructions de format de sortie.
Utilisation
Lorsqu'un utilisateur fournit un fichier ou un motif (pattern) en argument :
- Récupère les directives depuis l'URL source ci-dessus
- Lit les fichiers spécifiés
- Applique toutes les règles des directives récupérées
- Affiche les résultats en utilisant le format spécifié dans les directives
Si aucun fichier n'est spécifié, demande à l'utilisateur quels fichiers vérifier.
Compétences Associées
| Compétence | Quand l'utiliser |
|---|---|
| frontend-design | Avant le codage - Apprendre les principes de conception (couleur, typographie, psychologie UX) |
| web-design-guidelines (celle-ci) | Après le codage - Auditer l'accessibilité, les performances et les bonnes pratiques |
Workflow de Conception
1. CONCEPTION → Lire les principes de frontend-design
2. CODE → Implémenter la conception
3. AUDIT → Exécuter la vérification web-design-guidelines ← VOUS ÊTES ICI
4. CORRECTION → Traiter les conclusions de l'audit