[!IMPORTANT] Contexte IA et héritage des connaissances
- Sous-système : Agent Skills Registry / web-design-guidelines
- Architecture :
@docs ARCHITECTURE:Documentation- Chemin d'échec : Dérive informationnelle, terminologie héritée ou incohérence documentaire.
- Observabilité : Traçabilité via
execution/parity_guard.py([SKILL])
Directives d'interface Web
Examine les fichiers pour vérifier leur conformité aux directives 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 quels fichiers / quel motif)
- Vérifier toutes les règles des directives récupérées
- Afficher les résultats au format concis
fichier:ligne
Source des directives
Récupérer les directives fraîches avant chaque examen :
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 motif en argument :
- 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 design (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. DESIGN → Lire les principes de frontend-design
2. CODE → Implémenter le design
3. AUDIT → Exécuter l'examen web-design-guidelines ← VOUS ÊTES ICI
4. FIX → Traiter les résultats de l'audit