react-doctor

Analyze React projects and generate a 0–100 health score with actionable fixes.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/kaissalha/webld --skill react-doctor-kaissalha
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/kaissalha/webld/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/kaissalha/webld --skill react-doctor-kaissalha

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

React codebases often suffer from hidden security, performance, accessibility, and architectural issues that degrade reliability. React Doctor provides a structured, automated health check that surfaces these issues and returns a 0–100 health score to guide improvements.

Core Features & Use Cases

  • Scans React projects to detect security vulnerabilities, performance antipatterns, accessibility gaps, and architectural smells.
  • Outputs a 0–100 health score with prioritized fixes and a canonical local-triage playbook that guides remediation.
  • Use Case: When starting a feature, finishing a bug fix, or doing a full project cleanup, run the triage workflow to surface issues and validate improvements.

Quick Start

Run the local triage workflow by typing /doctor to fetch the canonical playbook and perform a full React code health scan.

Frequently Asked Questions about react-doctor

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

FAQPage Schema
How do I run an automated React code quality check on my project?

Run an automated React code quality check by executing the /doctor command to fetch the canonical playbook and scan your local project. This process analyzes security, performance, and architecture signals to generate a 0–100 health score with prioritized fixes.

What is a React code health score and how does triage work?

A React code health score is a 0–100 metric generated by scanning a project for security vulnerabilities, performance antipatterns, and architectural smells. Triage works by applying a canonical local playbook that guides the remediation of these detected issues.

Can I scope a React code health scan to specific changes instead of a full repository?

Yes, you can scope a React code health scan to specific changes. The triage workflow supports both full repository scans and scoped changes, allowing you to validate improvements when finishing a bug fix or starting a feature.

What is the best way to triage React performance antipatterns and accessibility gaps?

The best way to triage React performance antipatterns and accessibility gaps is to run the local triage workflow. This automated health check surfaces hidden issues across your codebase and outputs a canonical playbook with actionable, prioritized fixes.

Do I need any external dependencies to perform a React code health check?

No external dependencies are required beyond the local execution of the React Doctor tool. The workflow operates by fetching the canonical playbook, scanning your local codebase, and generating the health score without additional plugins.

When should I run a React code health triage workflow?

You should run a React code health triage workflow when starting a feature, finishing a bug fix, or doing a full project cleanup. This automated scan surfaces hidden security and architectural issues to validate improvements before deployment.