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.