react-doctor

Scan React codebases for vulnerabilities, bottlenecks, and architectural flaws.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React codebases frequently accumulate hidden bugs, performance bottlenecks, accessibility gaps, dead code, and architectural debt over time, which can cause unexpected regressions and reduced maintainability when making changes or committing code.

Core Features & Use Cases

  • Runs comprehensive scans of React code for lint errors, dead code, accessibility issues, bundle size bloat, and architectural flaws, outputting a clear 0–100 health score.
  • Supports diff-based scanning to only check files changed against the base branch, making it ideal for quick pre-commit checks after feature development or bug fixes.
  • Use for general codebase cleanup and quality improvement by scanning the full project and fixing issues prioritized by severity (errors first, then warnings).

Quick Start

Use the react-doctor skill to scan your current React project for code quality issues and verify your recent changes did not cause a health score regression.

Frequently Asked Questions about react-doctor

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

FAQPage Schema
How do I scan my React codebase for performance bottlenecks and dead code?

To scan a React codebase for performance bottlenecks and dead code, run a full project scan to identify lint errors, accessibility issues, and architectural flaws. This generates a prioritized 0-100 health score with issues sorted by severity for targeted remediation.

How do I check React code quality before committing changes?

You can check React code quality before committing by running a diff-based scan of changed files against the base branch. This verifies recent feature development or bug fixes did not introduce new correctness errors or cause a health score regression.

What is a React health score and how does it identify architectural flaws?

A React health score is a 0-100 metric evaluating codebase maintainability by identifying security vulnerabilities, performance bottlenecks, and architectural flaws. It prioritizes identified issues by severity, outputting errors first then warnings, to guide targeted code cleanup.

Can I use diff scanning to prevent React code quality regressions?

Yes, you can use diff scanning to prevent React code quality regressions. By scanning only the files changed against your base branch, it performs quick pre-commit checks to ensure new code does not introduce accessibility gaps or bundle size bloat.

Does React code scanning cover accessibility issues and bundle size bloat?

React code scanning covers accessibility issues and bundle size bloat alongside lint errors and dead code. It runs comprehensive checks across the project to detect these specific problems, helping improve overall maintainability and prevent unexpected runtime regressions.

What is the best way to prioritize React code cleanup for maintainability?

The best way to prioritize React code cleanup is using a generated 0-100 health score that sorts identified issues by severity. By addressing critical errors first and warnings next, you systematically resolve security vulnerabilities and architectural debt to improve maintainability.