Fähigkeiten react-doctor
📦

react-doctor

Sicher

React-Probleme automatisch diagnostizieren

Dieses Skill erkennt automatisch React-Code-Probleme nach Änderungen und hilft Entwicklern, Bugs frühzeitig zu erkennen, bevor sie zu größeren Problemen werden.

Unterstützt: Claude Codex Code(CC)
🥉 73 Bronze
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Teste es

Verwendung von "react-doctor". Use react-doctor to check my React component

Erwartetes Ergebnis:

React Doctor Report

✅ No critical issues found
⚠️ 2 warnings detected:

1. Missing useEffect dependency: 'userId'
Location: UserProfile.jsx:15
Suggestion: Add 'userId' to dependency array or use useCallback

2. Inline styles detected
Location: Header.jsx:23
Suggestion: Consider extracting to CSS class for better performance

Verwendung von "react-doctor". Run react-doctor on my project

Erwartetes Ergebnis:

React Doctor Summary

Scanned: 42 files
Issues Found: 5
- Critical: 0
- Warnings: 3
- Info: 2

Top Issues:
- 2x Missing React key in list mapping
- 1x useEffect without cleanup function

Sicherheitsaudit

Sicher
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
Gescannte Dateien
20
Analysierte Zeilen
2
befunde
1
Gesamtzahl Audits
Probleme mit mittlerem Risiko (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
Probleme mit niedrigem Risiko (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
Auditiert von: claude

Qualitätsbewertung

38
Architektur
100
Wartbarkeit
85
Inhalt
50
Community
98
Sicherheit
91
Spezifikationskonformität

Was du bauen kannst

Prüfung nach Feature-Entwicklung

Nach Abschluss eines neuen Features ausführen, um React-Probleme vor dem Commit zu erkennen

Code-Qualitäts-Gate vor Review

Als Teil des Code-Review-Prozesses verwenden, um sicherzustellen, dass React-Best Practices eingehalten werden

Audit der Legacy-Codebasis

Älteren React-Code scannen, um technische Schulden und potenzielle Bugs zu identifizieren

Probiere diese Prompts

Basis React-Prüfung 
Verwende das react-doctor Skill, um meine letzten React-Änderungen auf Probleme zu prüfen
Komponenten-spezifischer Scan 
Führe react-doctor auf der Button-Komponente und zugehörigen Dateien aus
Vollständiges Projekt-Audit 
Führe react-doctor auf dem gesamten src-Verzeichnis aus, um alle potenziellen Probleme zu identifizieren
Fix-Verifizierung 
Verwende react-doctor, um zu verifizieren, dass mein Bug-Fix das ursprüngliche Problem behoben hat, ohne neue Probleme zu verursachen

Bewährte Verfahren

  • Führe react-doctor nach jeder bedeutenden Code-Änderung aus
  • Überprüfe alle Warnungen, nicht nur Fehler
  • Verwende das Skill früh in der Entwicklung, um zu verhindern, dass Probleme sich anhäufen
  • Integriere react-doctor in deine CI-Pipeline für automatisierte Prüfungen

Vermeiden

  • Warnungen ignorieren, ohne sie zu verstehen
  • react-doctor nur ausführen, wenn Bugs auftauchen (anstatt proaktiv)
  • Regeln deaktivieren, ohne die Trade-offs zu bewerten
  • Sich ausschließlich auf react-doctor verlassen ohne manuelle Code-Review

Häufig gestellte Fragen

Was ist react-doctor?
React-doctor ist ein Skill, der React-Code analysiert, um häufige Fehler, Performance-Probleme und Verstöße gegen Best Practices zu identifizieren. Er hilft Entwicklern, Probleme frühzeitig zu erkennen.
Behebt react-doctor Probleme automatisch?
Nein, react-doctor meldet nur Probleme. Es identifiziert Probleme und schlägt Fixes vor, aber du musst die Änderungen manuell anwenden.
Welche React-Versionen werden unterstützt?
React-doctor funktioniert mit React 16.8 und später, und unterstützt sowohl Klassenkomponenten als auch Funktionskomponenten mit Hooks.
Kann ich anpassen, welche Regeln react-doctor prüft?
Konfigurationsoptionen hängen von der Skill-Implementierung ab. Überprüfe die SKILL.md-Datei für verfügbare Anpassungsoptionen.
Ist react-doctor für TypeScript-Projekte geeignet?
Ja, react-doctor kann TypeScript React-Projekte analysieren und kann zusätzliche typbezogene Probleme erkennen.
Wie oft sollte ich react-doctor ausführen?
Führe react-doctor nach jeder bedeutenden Code-Änderung aus, vor dem Commit und als Teil deines regulären Code-Review-Prozesses.

Entwicklerdetails

Autor

millionco

Lizenz

MIT

Repository

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

Ref

main

Dateistruktur

📄 SKILL.md