Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
brianlovin avatar

React Doctor

  • 16 installs
  • 356 repo stars
  • Updated March 25, 2026
  • brianlovin/agent-config

This is a copy of react-doctor by posthog - installs and ranking accrue to the original listing.

react-doctor is a Claude skill that scans a React codebase for security, performance, correctness, and architecture issues and outputs a 0-100 score with diagnostics.

About

react-doctor scans a React codebase for security, performance, correctness, and architecture issues and outputs a 0-100 score with actionable diagnostics. It runs via npx react-doctor and reports file paths and line numbers so developers can fix errors by severity and re-run to verify. Its 47+ rules span state and effects, bundle size, Next.js patterns, server auth, accessibility, and dead code.

  • Scans a React codebase with `npx react-doctor` and outputs a 0-100 health score
  • Covers 47+ rules across security, state/effects, architecture, performance, and correctness
  • Includes Next.js, bundle-size, server-action, accessibility, and dead-code checks

React Doctor by the numbers

  • 16 all-time installs (skills.sh)
  • Data as of Aug 1, 2026 (Skillselion catalog sync)
At a glance

react-doctor capabilities & compatibility

Capabilities
code review · react audit · performance audit · security audit
Use cases
code review · security audit
Pricing
Free
From the docs

What react-doctor says it does

Scans your React codebase for security, performance, correctness, and architecture issues. Outputs a 0-100 score with actionable diagnostics.
SKILL.md
npx -y react-doctor@latest . --verbose
SKILL.md
Fix issues starting with errors (highest severity)
SKILL.md
npx skills add https://github.com/brianlovin/agent-config --skill react-doctor

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs16
repo stars356
Last updatedMarch 25, 2026
Repositorybrianlovin/agent-config

What it does

Scan a React codebase for security, performance, correctness, and architecture issues and get a scored diagnostic list.

Who is it for?

Auditing React and Next.js codebases for health and quality issues

When should I use this skill?

You are reviewing React code, fixing performance problems, auditing security, or improving code quality

What you get

A scored, line-referenced diagnostic list to fix by severity and re-verify.

  • 0-100 health score
  • Line-referenced diagnostics

By the numbers

  • 47+ rules
  • 0-100 score with thresholds 75+/50-74/0-49

Files

SKILL.mdMarkdownGitHub ↗

React 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

1. Run the command above at the project root 2. Read every diagnostic with file paths and line numbers 3. Fix issues starting with errors (highest severity) 4. 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

Related skills

FAQ

How do I run it?

Run `npx -y react-doctor@latest . --verbose` at the project root.

How many rules does it have?

47+ rules across security, state and effects, architecture, performance, correctness, Next.js, bundle size, server, accessibility, and dead code.

What does the score mean?

75+ is Great, 50-74 needs work, and 0-49 is Critical.

Code Review & Qualityfrontendtesting

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.