audit

Vue d'ensemble

Qu'est-ce que la compétence audit ?

La compétence audit est conçue pour les développeurs frontend et les équipes qui ont besoin de vérifier systématiquement la qualité technique de leurs interfaces web. Elle réalise des audits au niveau du code sur l'accessibilité, la performance, le theming, le design responsive et les anti-patterns courants. La compétence génère un rapport noté, classant les problèmes de P0 (critique) à P3 (mineur), et fournit des recommandations concrètes pour l'amélioration. Elle est idéale pour les projets visant à respecter les normes d'accessibilité, optimiser la performance et maintenir un code frontend de haute qualité.

À qui s'adresse audit ?

• Développeurs frontend souhaitant améliorer la qualité du code
• Équipes préparant des revues d'accessibilité ou de performance
• Projets visant la conformité aux WCAG et aux bonnes pratiques du design responsive
• Toute personne ayant besoin d'un audit technique structuré avant un lancement ou une refonte

Problèmes résolus

• Identification des lacunes en accessibilité (contraste, ARIA, navigation clavier, HTML sémantique, texte alternatif, formulaires)
• Détection des goulets d'étranglement en performance et des anti-patterns
• Vérification de la cohérence du theming et des problèmes de design responsive
• Documentation des problèmes pour action ultérieure sans modifier directement le code

Comment utiliser

Étapes d'installation

1. Installez la compétence audit avec la commande :
   npx skills add https://github.com/pbakaus/impeccable --skill audit

Configuration initiale

• Commencez par le fichier SKILL.md pour une vue détaillée du workflow d'audit.
• Consultez les fichiers d'accompagnement comme README.md, AGENTS.md et metadata.json pour le contexte.
• Explorez les dossiers rules/, resources/, references/ et scripts/ pour des guides supplémentaires et des scripts d'aide.

Guide du workflow

• Avant d'exécuter audit, lancez /frontend-design pour recueillir le contexte de design et suivre le protocole de collecte de contexte.
• Si aucun contexte de design n'existe, exécutez d'abord /teach-impeccable selon les besoins.
• La compétence audit réalise des analyses diagnostiques sur cinq domaines clés, notés de 0 (critique) à 4 (excellent).
• Utilisez l'argument hint pour spécifier la zone à auditer (par exemple feature, page, component).
• La compétence documente les problèmes sans les corriger ; utilisez d'autres commandes pour la remédiation.

Fichiers recommandés à consulter

• SKILL.md (workflow principal et critères de notation)

FAQ

Que vérifie la compétence audit ?

La compétence audit contrôle l'accessibilité, la performance, le theming, le design responsive et les anti-patterns au niveau de l'implémentation du code. Elle note chaque domaine et génère un rapport avec des recommandations concrètes.

audit est-elle adaptée aux critiques de design ?

Non, audit se concentre sur la qualité technique du code. Pour les revues de design, utilisez /frontend-design ou des compétences associées.

Comment se préparer à un audit ?

Suivez le protocole de collecte de contexte via /frontend-design. Si le contexte de design manque, lancez d'abord /teach-impeccable.

Où trouver les scripts et références d'accompagnement ?

Ouvrez l'onglet Fichiers pour explorer l'arborescence complète, incluant les références imbriquées et les scripts d'aide pour un contexte approfondi.