React Doctor screenshot

React Doctor

Code QualityFree

React Doctor - Catch Bad React from AI Coding Agents

Last updated May 21, 2026

Claim Tool

What is React Doctor?

React Doctor is an open-source scanner for React projects that helps developers catch weak patterns before they ship, with a special focus on code written by coding agents. The tool runs from the command line with npx react-doctor@latest, inspects a React codebase, and returns a 0 to 100 health score plus diagnostics. The README describes checks across state and effects, performance, architecture, security, accessibility, and framework-specific React patterns. The project is built for modern React teams rather than generic static analysis only. It supports Next.js, Vite, React Native, mixed monorepos, GitHub Actions, CLI usage, Node.js API usage, oxlint, and an ESLint plugin path. Rules are toggled based on detected framework and React version, which helps reduce irrelevant advice. For pull requests, React Doctor can post sticky comments, emit annotations, expose a score output, and fail builds based on diagnostic severity or a team-defined score floor. The agent workflow is the sharpest use case. React Doctor can install best-practice instructions for coding agents by writing files such as SKILL.md, AGENTS.md, or .cursorrules. That turns it into both a reviewer and a guardrail: agents get guidance before writing code, and the scanner checks the resulting project afterward. Teams using Claude Code, Cursor, Codex, OpenCode, Windsurf, or other agents can add it to local checks or CI to catch regressions early. React Doctor is not a substitute for human review or product-specific testing. A score is a signal, not a final judgment, and new rules can lower scores over time. The README recommends pinning versions when enforcing score floors because rule changes can affect CI. It also notes that dead-code detection through knip was removed in v0.2, so teams that need that check should run knip separately. OpenTools lists React Doctor as a developer AI tool because it targets a new real problem: agent-written React that compiles but is messy, slow, inaccessible, or hard to maintain. It gives teams a repeatable way to score, review, and gate React quality as AI coding tools produce more of the first draft. For evaluation, treat React Doctor as a builder-focused open-source project rather than a managed SaaS. Review the upstream README, license, install path, and issue activity before adopting it. Teams should test it in a disposable repository or development environment first, document the exact version they use, and keep production workflows behind normal code review, monitoring, and rollback practices. React Doctor works best when it becomes part of the normal React delivery loop. Run it locally before large agent-generated changes, add the GitHub Action for pull requests, and choose a score floor that matches the team’s tolerance for warnings. Because rule sets evolve, pin versions in CI and review new findings before turning stricter checks into merge blockers.

React Doctor's Top Features

Key capabilities that make React Doctor stand out.

Scan React projects and return a 0 to 100 health score with diagnostics

Support Next.js, Vite, React Native, mixed monorepos, CLI, CI, oxlint, and ESLint plugin usage

Install React best-practice instruction files for coding agents such as Claude Code, Cursor, Codex, OpenCode, and Windsurf

Post GitHub pull request comments, annotations, and score outputs from GitHub Actions

Toggle rules based on detected framework and React version

Use Cases

Who benefits most from this tool.

Frontend teams

Add a React-specific quality check to CI so agent-written changes get reviewed before merge.

AI coding users

Install agent instructions and scan projects after code generation to catch weak React patterns.

Engineering managers

Track a project health score and fail pull requests when diagnostics or scores cross team thresholds.

Tags

reactcode-qualityai-codingcoding-agentsnextjsvitereact-nativedeveloper-toolsgithub-actionslinting

React Doctor's Pricing

Free plan available

User Reviews

Share your thoughts

If you've used this product, share your thoughts with other builders

Recent reviews

Frequently Asked Questions

How do I run React Doctor?
The README shows npx react-doctor@latest from the project root.
Does React Doctor support GitHub Actions?
Yes. The repository includes a composite GitHub Action that can comment on PRs, annotate findings, and expose a score output.
Can it help with AI coding agents?
Yes. React Doctor can install best-practice files for many coding agents and then scan the resulting React project.
Does it include dead-code detection?
No. The README notes that knip integration was removed in v0.2 and recommends running knip separately if needed.