React Doctor

by millionco673ce802a375No license14K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated today

Use when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.

Instructions onlySoftware Development
AI-generated overview

Scans React codebases for security, performance, correctness and architecture issues and reports a 0–100 health score.

What it does
Runs the react-doctor CLI over a React codebase to detect security, performance, correctness, architecture and UI design issues, producing a 0–100 health score with affected files and line numbers. It supports a regression check on changed code, a full-codebase scan, and a design-focused audit. For a full triage pass it fetches a remote playbook and follows its scan, filter, triage, fix and validate loop, editing the working tree without committing. It also explains, disables or tunes individual rules through configuration.
When to use it
Use it after finishing a React feature or bug fix and before committing, to confirm the health score has not regressed. Use it for general cleanup of an existing React codebase, for a focused UI design audit, or when the user asks to scan, triage or clean up React diagnostics. It also fits requests to understand, disable or tune specific react-doctor rules.
Requirements
Requires Node.js with npx to run the react-doctor package, and network access to fetch the package and the remote playbook and per-rule prompts. It ships no scripts; it includes one reference document on explaining and configuring rules.

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.

/doctor — full local triage workflow

When the user types /doctor, says "run react doctor", or asks for a full triage / cleanup pass (not just a regression check), fetch the canonical local-triage playbook and follow every step in it:

bash
curl --fail --silent --show-error \  --header 'Cache-Control: no-cache' \  https://www.react.doctor/prompts/react-doctor-agent.md

The playbook is the single source of truth — a scan → filter → triage → fix → validate loop that edits the working tree directly (never commits, never opens PRs). Updating the prompt at its source updates every agent on its next fetch — no skill reinstall needed.

Pair it with the matching per-rule prompts at https://www.react.doctor/prompts/rules/<plugin>/<rule>.md (fetched on demand inside the playbook) so each fix uses the canonical, reviewer-tested recipe.

Configuring or explaining rules

When the user wants to understand a rule, disagrees with one, or wants to disable / tune which rules run (not fix code), read references/explain.md [blocked] and follow it. Start with npx react-doctor@latest rules explain <rule>, then apply the narrowest control via npx react-doctor@latest rules disable|set|category|ignore-tag …, which edits your doctor.config.* (or package.json#reactDoctor).

Command

bash
npx react-doctor@latest --verbose --scope changed
FlagPurpose
.Scan current directory
--verboseShow affected files and line numbers per rule
--scope changedOnly report issues introduced vs the base branch (default: full)
--scope linesOnly report issues on the changed lines
--scoreOutput only the numeric score
designRun only the focused UI design diagnostics

Source and attribution

Source:millionco/react-doctorin.agents/skills/react-doctorat commit673ce80

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal