react-doctor

Analyze React codebases for performance, correctness, and compiler compatibility issues.

4|1|Updated Feb 17, 2026
One-click install
npx skills add https://github.com/OpenWaggle/OpenWaggle --skill react-doctor-openwaggle
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/OpenWaggle/OpenWaggle/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/OpenWaggle/OpenWaggle --skill react-doctor-openwaggle

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

React Doctor identifies issues in React codebases that can affect application stability, performance, and security, helping developers catch problems early.

Core Features & Use Cases

  • Code Quality Analysis: Scans React projects for anti-patterns, performance bottlenecks, and compiler incompatibilities.
  • Automated Reporting: Outputs a health score and detailed diagnostics to guide code improvements.
  • Use Case: Developers running React Doctor after completing updates to src/renderer/ to verify code correctness and optimize performance before deployment.

Quick Start

Run React Doctor to scan your project and review the report to fix detected errors and warnings.

Frequently Asked Questions about react-doctor

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

FAQPage Schema
How do I analyze my React codebase for performance bottlenecks and anti-patterns?

Automated React code analysis scans your project for anti-patterns, performance bottlenecks, and compiler incompatibilities. It generates a health score and detailed diagnostics to guide targeted code improvements before deployment.

Does React code analysis work with React 19 and the React Compiler?

React code analysis explicitly supports React 19 and the React Compiler by verifying code adherence to compiler compatibility rules and project-specific optimization constraints, ensuring safe and optimal compilation.

How do I check React code correctness after updating source files?

Run an automated diagnostic scan against your updated React project to check code correctness. The scan outputs detailed reports on detected errors and warnings, helping you verify code health and optimize performance before deployment.

What is React code health scoring and how does it help maintain application stability?

React code health scoring is an automated diagnostic process that evaluates project performance, correctness, and compiler compatibility. It outputs a quantifiable score and detailed diagnostics to help developers catch problems early and maintain application stability.

Can I integrate React code diagnostics into a continuous testing environment?

Yes, React code diagnostics integrate into continuous testing environments. The analysis automatically applies project-specific optimization and safety rules to verify code health and catch stability issues during testing cycles.

What are common React Compiler compatibility issues and how do I find them?

Common React Compiler compatibility issues include patterns that violate optimization and safety rules. Running an automated diagnostic scan checks your codebase against compiler requirements, outputting detailed warnings to identify and resolve these incompatibilities.