react-doctor
Installation
Summary
Automated React codebase scanner that detects security, performance, correctness, and architecture issues.
- Generates a 0-100 diagnostic score with actionable findings across four categories: security vulnerabilities, performance bottlenecks, correctness errors, and architectural problems
- Designed for post-change workflows: run after code modifications, fix flagged issues, then re-run to verify improvements
- Supports verbose output and diff mode to highlight changes between scans
- Ideal for code review checkpoints, feature completion, and bug-fix verification in React projects
SKILL.md
React Doctor
Scans React codebases for security, performance, correctness, and architecture issues. Outputs a 0–100 health score.
After making React code changes:
Run npx react-doctor@latest --verbose --scope changed and check the score did not regress.
If the score dropped, fix the regressions before committing.
For general cleanup or code improvement:
Run npx react-doctor@latest --verbose (the default --scope full) to scan the full codebase. Fix issues by severity — errors first, then warnings.
For a focused UI design audit:
Run npx react-doctor@latest design --verbose. This selects only design-tagged UI composition, typography, interaction, accessibility, and motion rules, including focused rules that remain opt-in during a general health scan.