Compétences audit
📦
Une mauvaise qualité d'interface nuit à l'expérience utilisateur et exclut les utilisateurs en situation de handicap. Cette compétence fournit un audit systématique couvrant l'accessibilité, les performances, le thème et le design responsive pour identifier les problèmes avant qu'ils n'atteignent la production.
Prend en charge: Claude Codex Code(CC)
1
Télécharger le ZIP du skill
2
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
3
Activez et commencez à utiliser
Tester
Utilisation de "audit". Auditer l'accessibilité du formulaire de connexion
Résultat attendu:
- VERDICT ANTI-PATTERNS : PASS - Aucun indicateur de design généré par IA détecté
- RÉSUMÉ EXÉCUTIF : 7 problèmes trouvés (2 critiques, 3 élevés, 2 moyens). Principales préoccupations : labels de formulaire manquants et contraste insuffisant sur les états d'erreur.
- CRITIQUE : Le champ mot de passe n'a pas de label associé - les lecteurs d'écran ne peuvent pas identifier son objectif. Ajouter aria-label ou un élément label lié. Violation WCAG 1.3.1.
- ÉLEVÉ : Le ratio de contraste de l'état d'erreur est de 3.2:1, en dessous du minimum 4.5:1. Les utilisateurs malvoyants peuvent ne pas voir les erreurs de validation.
Utilisation de "audit". Vérifier le tableau de bord pour les problèmes de performance
Résultat attendu:
- VERDICT ANTI-PATTERNS : PASS - Implémentation propre
- RÉSUMÉ EXÉCUTIF : 5 problèmes trouvés (1 élevé, 2 moyens, 2 faibles). Préoccupation principale : layout thrashing dans la boucle d'animation.
- ÉLEVÉ : La boucle d'animation lit offsetHeight puis modifie style.height dans la même trame. Provoque des layouts synchrones forcés. Utiliser la technique FLIP ou animer transform à la place.
- MOYEN : Les images des graphiques n'ont pas l'attribut loading='lazy'. Le contenu above-fold devrait être priorisé, les graphiques below-fold devraient être en lazy-loading.
Audit de sécurité
Sûrv1 • 3/15/2026
Static analyzer produced 16 false positive findings. The 13 'weak cryptographic algorithm' flags are misidentified YAML frontmatter description fields. The 3 'external_commands' flags are documentation examples showing command usage syntax, not actual code execution. This skill is a markdown instruction file for UI auditing with no executable code or security risks.
1
Fichiers analysés
130
Lignes analysées
0
résultats
1
Total des audits
Aucun problème de sécurité trouvé
Audité par: claude
Score de qualité
38
Architecture
100
Maintenabilité
87
Contenu
32
Communauté
100
Sécurité
83
Conformité aux spécifications
Ce que vous pouvez construire
Porte de Qualité Pré-libération
Exécuter un audit complet avant la mise en production pour détecter tôt les problèmes d'accessibilité et de qualité
Vérification de Conformité au Design System
Vérifier que les composants adhèrent aux design tokens et aux standards de thème dans toute la base de code
Audit d'Accessibilité WCAG
Examen systématique des barrières d'accessibilité et des écarts de conformité WCAG
Essayez ces prompts
Audit d'Accessibilité de Base
Auditer l'accessibilité du composant actuel. Vérifier les problèmes de contraste, les attributs ARIA manquants, les problèmes de navigation au clavier et les problèmes de HTML sémantique. Générer un rapport avec des niveaux de gravité.
Analyse Approfondie des Performances
Analyser les caractéristiques de performance de cette interface. Rechercher le layout thrashing, les animations coûteuses, le lazy loading manquant et les opportunités d'optimisation du rendu. Documenter les résultats avec recommandations.
Audit de Qualité Complet
Effectuer un audit complet sur toutes les dimensions : accessibilité, performance, thème, design responsive et anti-patterns. Générer un rapport priorisé avec résumé exécutif, résultats détaillés par gravité et commandes recommandées pour les corrections.
Détection d'Indicateurs de Design IA
Examiner cette interface pour les anti-patterns de design générés par IA. Vérifier les palettes de couleurs IA génériques, le texte en dégradé, le glassmorphism, les métriques hero, les grilles de cartes et autres indicateurs. Fournir un verdict pass/fail avec preuves spécifiques.
Bonnes pratiques
- Commencer par le verdict des anti-patterns pour détecter les indicateurs de design généré par IA avant l'analyse détaillée
- Documenter l'impact (pourquoi c'est important) pour chaque résultat, pas seulement l'emplacement du problème
- Prioriser impitoyablement - tout ne peut pas être critique, se concentrer sur ce qui affecte réellement les utilisateurs
Éviter
- Signaler des problèmes sans expliquer l'impact utilisateur ou la standard violé
- Mélanger les niveaux de gravité de manière incohérente ou tout marquer comme critique
- Omettre les résultats positifs qui soulignent ce qui fonctionne bien dans la base de code
Foire aux questions
Cette compétence peut-elle corriger automatiquement les problèmes qu'elle détecte ?
Non. Cette compétence se concentre sur la documentation et le diagnostic approfondis. Utilisez des commandes complémentaires comme /normalize, /optimize ou /harden pour traiter des catégories de problèmes spécifiques après la fin de l'audit.
Quelles standards d'accessibilité cela vérifie-t-il ?
L'audit fait référence aux lignes directrices WCAG 2.1, vérifiant la conformité Level A (critique), AA (priorité élevée) et AAA (priorité moyenne). Les résultats incluent des références spécifiques aux critères WCAG lorsque applicable.
Comment savoir quels problèmes corriger en premier ?
Le rapport organise les résultats par gravité (Critique, Élevé, Moyen, Faible) et inclut une section de recommandations priorisées. Commencez par les problèmes Critiques qui bloquent la fonctionnalité principale ou violent WCAG A.
Puis-je auditer uniquement des zones spécifiques au lieu de tout ?
Oui. Passez un argument 'area' pour concentrer l'audit sur des fonctionnalités spécifiques comme 'navigation', 'forms' ou 'dashboard'. L'audit se concentrera sur cette zone tout en vérifiant toutes les dimensions de qualité.
Qu'est-ce qui rend un résultat 'Critique' vs gravité 'Élevée' ?
Les problèmes critiques bloquent la fonctionnalité principale ou violent WCAG Level A (risque de conformité légale). Les problèmes de gravité élevée impactent significativement l'utilisabilité ou violent WCAG AA. Critique nécessite une correction immédiate avant la mise en production.
Dois-je signaler chaque problème mineur que je trouve ?
Non. Trop de résultats de faible priorité crée du bruit et réduit la valeur du rapport. Concentrez-vous sur les problèmes qui comptent vraiment pour les utilisateurs. Documentez les motifs et les problèmes systémiques plutôt que chaque incohérence isolée.