react-doctor

Detect React codebase quality regressions and return a numeric health score.

1.6k|107|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/Makisuo/maple --skill react-doctor-makisuo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/Makisuo/maple/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/Makisuo/maple --skill react-doctor-makisuo

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? Quickly identify and prevent quality regressions in React codebases by providing automated health checks that flag issues before they reach production.

## Core Features & Use Cases

  • Lint rule adherence, dead code detection, and accessibility auditing to improve maintainability and user experience.
  • Bundle-size and architecture diagnostics to optimize performance and code structure.
  • Generates a 0–100 health score to quantify code quality and guide refactoring efforts.
  • Use case: run before committing changes to ensure changes meet quality standards and avoid regressions.

### Quick Start Run a fast scan of the current project with the latest React Doctor analyzer to surface issues and a health score.

Frequently Asked Questions about react-doctor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my React codebase for quality regressions before committing?▼

You can check React codebase quality by running an automated scan that surfaces lint issues, dead code, accessibility gaps, bundle-size bloat, and architecture concerns. This scan returns a 0–100 health score to quantify code quality and guide refactoring efforts before changes are committed.

What is a React health score and how does it quantify code quality?▼

A React health score is a numeric value from 0–100 that quantifies code quality based on lint rule adherence, dead code, accessibility gaps, bundle-size bloat, and architecture diagnostics. It provides a measurable benchmark to track maintainability and guide refactoring efforts.

Can I detect accessibility gaps and dead code in my React feature branches?▼

Yes, you can detect accessibility gaps and dead code in React feature branches by running an automated analyzer. The scan performs accessibility auditing and dead-code detection alongside lint and architecture checks to surface issues before they reach production.

How do I evaluate React bundle-size bloat and architectural concerns automatically?▼

You can evaluate React bundle-size bloat and architectural concerns automatically by running a diagnostic scan. The analyzer performs bundle-size evaluation and architecture diagnostics on your codebase to prevent performance regressions and structural decay.

Does this automated React code quality scan work for pre-commit checks and PRs?▼

Yes, the automated React code quality scan is applicable to feature branches, PRs, and pre-commit checks. It surfaces lint issues, dead code, accessibility gaps, and bundle-size bloat to ensure changes meet quality standards and avoid regressions before production.