Règles d'Interface Web
Vérifier les fichiers pour la conformité avec les Règles d'Interface Web.
Fonctionnement
- 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 fraîches avant chaque revue :
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Utilisez 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 argument fichier ou modèle :
- Récupérer les directives depuis l'URL source ci-dessus
- Lire les fichiers spécifiés
- Appliquer toutes les règles issues 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é, demandez à l'utilisateur quels fichiers examiner.
Compétences Liées
| Compétence | Quand l'utiliser |
|---|---|
| frontend-design | Avant le codage - Apprendre les principes de design (couleur, typographie, psychologie UX) |
| web-design-guidelines (celle-ci) | Après le codage - Auditer l'accessibilité, la performance et les bonnes pratiques |
Workflow de Conception
1. DESIGN → Lire les principes de frontend-design
2. CODE → Implémenter le design
3. AUDIT → Exécuter la revue web-design-guidelines ← VOUS ÊTES ICI
4. FIX → Corriger les résultats de l'audit