react-doctor

Analyze React codebases for security, performance, and architectural regressions.

5|Updated Jan 20, 2026
One-click install
npx skills add https://github.com/mohamedgshoaib/reway --skill react-doctor-mohamedgshoaib
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/mohamedgshoaib/reway/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/mohamedgshoaib/reway --skill react-doctor-mohamedgshoaib

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses technical debt and performance bottlenecks in React applications by identifying security, accessibility, and architectural issues before they reach production.

Core Features & Use Cases

  • Automated Diagnostics: Scans codebases for linting errors, accessibility violations, and bundle size inefficiencies.
  • Regression Testing: Compares current changes against a base branch to ensure code quality does not degrade over time.
  • Use Case: Use this tool during a pull request review to ensure that new feature additions do not introduce performance regressions or violate accessibility standards.

Quick Start

Run the react-doctor command in your terminal to scan the current directory for code quality issues and score your project health.

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 accessibility and performance issues?

To check React codebase accessibility and performance issues, run an automated diagnostic scan over your local project directory to detect linting errors, bundle size inefficiencies, and architectural regressions, yielding a numeric health score.

What is React code health analysis and how does it prevent technical debt?

React code health analysis identifies security, accessibility, and architectural issues in your codebase before they reach production, preventing technical debt by providing actionable diagnostics and a numeric health score for your project.

Can I use automated linting to compare code quality against a base branch during a pull request?

Yes, you can use regression testing to compare current changes against a base branch to ensure code quality does not degrade over time, verifying that new feature additions do not introduce performance regressions.

Do I need Node.js to run React performance diagnostics on my local project?

Yes, you need a Node.js environment to execute React performance diagnostics, which operates on local project directories to run linting, accessibility checks, and bundle size analysis.

Why does my React project have bundle size inefficiencies and how do I find them?

React projects develop bundle size inefficiencies from architectural regressions over time; you can find them by running a local codebase scan that analyzes bundle size and outputs actionable diagnostics.

What's the best way to score React code health for security and architecture regressions?

The best way to score React code health is to run an automated analysis tool on your local directory that checks for security, performance, and architectural regressions, producing a numeric project health score.