react-doctor

Diagnose React codebases for health, performance, and regressions.

7|2|Updated May 16, 2026
One-click install
npx skills add https://github.com/yyopc/yyork --skill react-doctor-yyopc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/yyopc/yyork/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/yyopc/yyork --skill react-doctor-yyopc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

React developers face challenges in maintaining code quality, security, and performance. This skill helps in scanning and diagnosing React codebases, providing a health score and detailed triage.

Core Features & Use Cases

  • Code Health Scanning: Analyze React code for security, performance, accessibility, and architecture issues.
  • Regression Checks: Compare code changes with the base branch to detect regressions.
  • Local Triage Workflow: Offers a step-by-step guide to resolve identified issues.
  • Rule Configuration: Allow users to customize rule behavior, enable or disable specific checks.

Quick Start

To scan your React project, run: npx react-doctor@latest --verbose.

Frequently Asked Questions about react-doctor

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

FAQPage Schema
How do I run a React code health scan to check for security and performance issues?

To run a React code health scan, execute `npx react-doctor@latest --verbose` in your project directory to analyze code for security, performance, accessibility, and architecture issues, generating a detailed triage report and health score.

Can I check React code for regressions before merging into the base branch?

Yes, you can check React code for regressions by comparing code changes with the base branch. The diagnostic service detects regressions in development and CI/CD pipelines, ensuring high-quality React code is maintained before integration.

What is React code health diagnostics and when do I need it?

React code health diagnostics is the process of assessing codebase quality, security, and performance to identify regressions. You need it when maintaining React projects in development or CI/CD pipelines to ensure high code quality and resolve issues using a triage workflow.

Can I customize diagnostic rules to enable or disable specific React code checks?

Yes, you can customize diagnostic rule behavior for your React codebase. The skill provides rule configuration options that allow you to enable or disable specific checks, tailoring the health scan to your project's specific requirements.

Does React diagnostic scanning work in CI/CD pipelines?

Yes, React diagnostic scanning is tailored for use in CI/CD pipelines. It assesses code health, identifies regressions against the base branch, and provides guidance on fixing issues to ensure high-quality code during automated integration.

What is the best way to fix React code issues identified during a health scan?

The best way to fix React code issues identified during a health scan is by following the provided local triage workflow. It offers a step-by-step guide to resolve security, performance, and architecture regressions systematically.