Directives d'Interface Web
Examiner les fichiers pour vérifier la conformité aux Directives d'Interface Web.
Comment cela fonctionne
- Récupérer les dernières directives depuis l'URL source ci-dessous
- Lire les fichiers spécifiés (ou demander à l'utilisateur les fichiers/modèle)
- Vérifier toutes les règles des directives récupérées
- Afficher les résultats dans le format concis
fichier:ligne
Source des Directives
Récupérer les directives à jour avant chaque révision :
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Utiliser 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 argument de modèle :
- Récupérer les directives depuis l'URL source ci-dessus
- Lire les fichiers spécifiés
- Appliquer toutes les règles des directives récupérées
- Afficher les résultats en utilisant le format spécifié dans les directives
Si aucun fichier n'est spécifié, demander à l'utilisateur quels fichiers examiner.
Compétences Connexes
| Compétence | Quand l'utiliser |
|---|---|
| frontend-design | Avant de coder - Apprendre les principes de conception (couleur, typographie, psychologie UX) |
| web-design-guidelines (ceci) | Après le codage - Auditer pour l'accessibilité, la performance et les bonnes pratiques |
Workflow de Conception
1. DESIGN → Lire les principes frontend-design
2. CODE → Implémenter la conception
3. AUDIT → Exécuter la révision web-design-guidelines ← VOUS ÊTES ICI
4. FIX → Traiter les résultats de l'audit