Compétences react-doctor
📦

react-doctor

Sûr

Diagnostiquer automatiquement les problèmes React

Cette compétence détecte automatiquement les problèmes de code React après les modifications, aidant les développeurs à identifier les bogues tôt avant qu'ils ne deviennent problématiques.

Prend en charge: Claude Codex Code(CC)
🥉 73 Bronze
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 "react-doctor". Utilise react-doctor pour vérifier mon composant React

Résultat attendu:

Rapport React Doctor

✅ Aucun problème critique détecté
⚠️ 2 avertissements détectés :

1. Dépendance useEffect manquante : 'userId'
Emplacement : UserProfile.jsx:15
Suggestion : Ajoutez 'userId' au tableau de dépendances ou utilisez useCallback

2. Styles en ligne détectés
Emplacement : Header.jsx:23
Suggestion : Envisagez d'extraire vers une classe CSS pour de meilleures performances

Utilisation de "react-doctor". Exécute react-doctor sur mon projet

Résultat attendu:

Résumé React Doctor

Analysés : 42 fichiers
Problèmes détectés : 5
- Critiques : 0
- Avertissements : 3
- Info : 2

Principaux problèmes :
- 2x Clé React manquante dans le mapping de liste
- 1x useEffect sans fonction de nettoyage

Audit de sécurité

Sûr
v1 • 2/20/2026

Static analysis found two patterns (external_commands, weak cryptographic algorithm) but evaluation confirms these are false positives. The external_commands finding is markdown documentation describing development commands (not actual execution). The weak cryptographic algorithm finding is likely a misidentification of normal text in the markdown file. This is a legitimate React debugging tool with no malicious intent.

1
Fichiers analysés
20
Lignes analysées
2
résultats
1
Total des audits
Problèmes à risque moyen (1)
SKILL.md:13-15
External Commands Documentation
Static analyzer detected shell command documentation in SKILL.md - this is expected behavior for a development tool skill that describes what commands it runs
Problèmes à risque faible (1)
SKILL.md:3
False Positive: Weak Cryptographic Algorithm
Analyzer misidentified text in markdown as cryptographic usage - no actual cryptographic code exists in this skill
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
85
Contenu
50
Communauté
98
Sécurité
91
Conformité aux spécifications

Ce que vous pouvez construire

Vérification post-développement de fonctionnalité

Exécuter après avoir terminé une nouvelle fonctionnalité pour détecter les problèmes React avant la validation

Barrière de qualité du code pré-révision

Utiliser dans le cadre du processus de révision du code pour assurer le respect des bonnes pratiques React

Audit de base de code existante

Analyser l'ancien code React pour identifier la dette technique et les bogues potentiels

Essayez ces prompts

Vérification React basique 
Utilise la compétence react-doctor pour vérifier mes modifications React récentes pour tout problème
Analyse spécifique à un composant 
Exécute react-doctor sur le composant Button et ses fichiers associés
Audit complet du projet 
Exécute react-doctor sur tout le répertoire src pour identifier tous les problèmes potentiels
Vérification de correction 
Utilise react-doctor pour vérifier que ma correction de bogue a résolu le problème initial sans en introduire de nouveaux

Bonnes pratiques

  • Exécuter react-doctor après chaque modification de code significative
  • Examiner tous les avertissements, pas seulement les erreurs
  • Utiliser la compétence tôt dans le développement pour éviter que les problèmes ne s'accumulent
  • Intégrer react-doctor dans votre pipeline CI pour des vérifications automatisées

Éviter

  • Ignorer les avertissements sans les comprendre
  • Exécuter react-doctor uniquement lorsque des bogues apparaissent (au lieu de manière proactive)
  • Désactiver des règles sans évaluer les compromis
  • Se fier uniquement à react-doctor sans révision manuelle du code

Foire aux questions

Qu'est-ce que react-doctor ?
React-doctor est une compétence qui analyse le code React pour identifier les erreurs courantes, les problèmes de performance et les violations des bonnes pratiques. Il aide les développeurs à détecter les problèmes tôt.
React-doctor corrige-t-il les problèmes automatiquement ?
Non, react-doctor signale uniquement les problèmes. Il identifie les problèmes et suggère des corrections, mais vous devez appliquer les modifications manuellement.
Quelles versions de React sont prises en charge ?
React-doctor fonctionne avec React 16.8 et versions ultérieures, prenant en charge à la fois les composants de classe et les composants fonctionnels avec hooks.
Puis-je personnaliser les règles que react-doctor vérifie ?
Les options de configuration dépendent de l'implémentation de la compétence. Consultez le fichier SKILL.md pour les options de personnalisation disponibles.
React-doctor est-il adapté aux projets TypeScript ?
Oui, react-doctor peut analyser des projets React TypeScript et peut détecter des problèmes supplémentaires liés aux types.
À quelle fréquence dois-je exécuter react-doctor ?
Exécutez react-doctor après chaque modification de code significative, avant de valider, et dans le cadre de votre processus de révision de code régulier.

Détails du développeur

Auteur

millionco

Licence

MIT

Dépôt

https://github.com/millionco/react-doctor/tree/main/skills/react-doctor/

Réf

main

Structure de fichiers

📄 SKILL.md