About react-doctor
React Doctor is a command-line checker for React codebases. It reports security, performance, correctness, and architecture issues with file-level diagnostics and a 0–100 score.
Key features
- 01Scan React code for 47+ issue types
- 02Report file paths and line numbers
- 03Score results from 0 to 100
- 04Cover Next.js and accessibility checks
- 05Re-run scans to verify fixes
Use cases
- 01Finding security issues in a React app
- 02Reviewing performance and architecture problems
- 03Checking a codebase after changes
- 04Prioritizing fixes by diagnostic severity
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / github.com/ posthog/ posthog --skill react-doctorAfter installing, type/react-doctorin Claude Code to confirm it loaded.
Details
From the project READMEReact Doctor
Scans your React codebase for security, performance, correctness, and architecture issues. Outputs a 0-100 score with actionable diagnostics.
Usage
npx -y react-doctor@latest . --verbose
Workflow
- Run the command above at the project root
- Read every diagnostic with file paths and line numbers
- Fix issues starting with errors (highest severity)
- Re-run to verify the score improved
Rules (47+)
- Security: hardcoded secrets in client bundle, eval()
- State & Effects: derived state in useEffect, missing cleanup, useState from props, cascading setState
- Architecture: components inside components, giant components, inline render functions
- Performance: layout property animations, transition-all, large blur values
- Correctness: array index as key, conditional rendering bugs
- Next.js: missing metadata, client-side fetching for server data, async client components
- Bundle Size: barrel imports, full lodash, moment.js, missing code splitting
- Server: missing auth in server actions, blocking without after()
- Accessibility: missing prefers-reduced-motion
- Dead Code: unused files, exports, types
Score
- 75+: Great
- 50-74: Needs work
- 0-49: Critical
Comments
Markdown supported