PRoBoT2004/claude-skill-website-qa-auditor

Que fait claude-skill-website-qa-auditor ?

Transformez n'importe quelle URL de site web en un rapport QA HTML unique, autonome et soigné — couvrant les liens, l'adaptabilité, la compatibilité inter-navigateurs, Lighthouse, l'accessibilité (axe+Pa11y), la sécurité, le référencement, le contenu, le mobile et le suivi. Une compétence pour Claude Code.

Fonctionnalités

• Analyse des liens : Vérifie les liens internes et externes à la recherche de brisés ou de redirections.
• Adaptabilité mobile : Teste l'affichage sur différentes tailles d'écran.
• Compatibilité inter-navigateurs : (Optionnel) Capture des captures d'écran via BrowserStack pour vérifier le rendu.
• Audit Lighthouse : Exécute Lighthouse pour évaluer les performances, l'accessibilité, le référencement et les bonnes pratiques.
• Accessibilité : Analyse approfondie avec axe et Pa11y.
• Sécurité : Vérifie les en-têtes HTTP, les certificats SSL et les vulnérabilités courantes.
• Référencement (SEO) : Analyse des balises meta, des titres, des descriptions et de la structure.
• Contenu : Examine les tailles de page, les temps de chargement et la qualité du contenu.
• Suivi (Tracking) : Détecte les scripts de suivi tiers (Google Analytics, etc.).
• Formulaires : Validation de base des formulaires.

Prérequis

• Claude Code installé et configuré.
• Node.js (version 14 ou ultérieure) et npm.
• Les outils en ligne de commande suivants doivent être disponibles :
  • curl
  • jq
  • lighthouse (installé globalement)
  • axe-cli (installé globalement)
  • pa11y (installé globalement)

Installation

1. Clonez ce dépôt :

   git clone https://github.com/PRoBoT2004/claude-skill-website-qa-auditor.git
   cd claude-skill-website-qa-auditor
   

2. Installez les dépendances :

   npm install
   

3. (Optionnel) Configurez les variables d'environnement dans un fichier .env :

   BROWSERSTACK_USERNAME=votre_utilisateur
   BROWSERSTACK_ACCESS_KEY=votre_cle
   

Utilisation

Avec Claude Code

1. Assurez-vous que Claude Code est bien configuré pour utiliser ce dépôt comme compétence.
2. Lancez Claude Code et demandez : "Audite la qualité du site https://example.com" ou "Génère un rapport QA pour l'URL https://example.com".

En ligne de commande

node audit.js --url https://example.com

Options disponibles :

• --url : (Obligatoire) L'URL du site à auditer.
• --output : (Optionnel) Chemin du fichier de sortie (par défaut : rapport-qa-<timestamp>.html).
• --browserstack : (Optionnel) Activer les captures d'écran BrowserStack (nécessite les identifiants).
• --lighthouse : (Optionnel) Désactiver l'audit Lighthouse (par défaut : activé).

Résultat

Le script génère un fichier HTML unique et autonome nommé rapport-qa-<timestamp>.html dans le répertoire courant. Vous pouvez l'ouvrir dans n'importe quel navigateur moderne. Le rapport inclut :

• Un tableau de bord avec des scores globaux.
• Des sections dédiées pour chaque type d'analyse (liens, mobile, Lighthouse, etc.).
• Des graphiques et des tableaux pour visualiser les données.
• Des recommandations détaillées pour chaque problème détecté.

Contribution

Les contributions sont les bienvenues ! N'hésitez pas à ouvrir une issue ou une pull request.

Licence

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.

Auteur

• PRoBoT2004 - Profil GitHub