react-doctor

Scan React codebases for security, performance, correctness, and architecture issues.

Updated Dec 5, 2025
One-click install
npx skills add https://github.com/ApothecaryMan/pharmaflow-ai --skill react-doctor-apothecaryman
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/ApothecaryMan/pharmaflow-ai/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/ApothecaryMan/pharmaflow-ai --skill react-doctor-apothecaryman

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

The React Doctor Skill unit identifies security, performance, correctness, and architecture issues in your React codebase, providing a score and actionable diagnostics to enhance code quality.

Core Features & Use Cases

  • Codebase Scanning: Detects potential issues early in the development process.
  • Performance Monitoring: Ensures your React application runs efficiently.
  • Security Auditing: Helps protect your code from common vulnerabilities.
  • Use Case: Run the React Doctor after making changes to your React project to catch issues before they become problematic.

Quick Start

Use the react-doctor skill to scan your React codebase with the command: npx -y react-doctor@latest . --verbose --diff.

Frequently Asked Questions about react-doctor

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

FAQPage Schema
How do I scan a React codebase for security and performance issues?▼

To scan a React codebase for security and performance issues, execute the command `npx -y react-doctor@latest . --verbose --diff`. This runs linters and security scanners to detect vulnerabilities and inefficiencies, providing actionable diagnostics and a code quality score.

What is React codebase auditing and how does it improve code quality?▼

React codebase auditing analyzes your project for security, performance, correctness, and architecture issues. It improves code quality by generating a score and actionable diagnostics that identify early issues, ensuring your React application runs efficiently and securely.

Can I run a security scan on my React project after making code changes?▼

Yes, you can run a security scan on your React project after making code changes by executing `npx -y react-doctor@latest . --verbose --diff`. This catches newly introduced vulnerabilities and performance bottlenecks before they become problematic.

Does the React Doctor scanner require any dependencies to run?▼

The React Doctor scanner does not require any external dependencies to run. It operates as an independent script using the command `npx -y react-doctor@latest . --verbose --diff` to analyze your codebase without requiring prior package installations.

What is the best way to detect architecture issues in a React application?▼

The best way to detect architecture issues in a React application is to run a comprehensive codebase scan using `npx -y react-doctor@latest . --verbose --diff`. This provides actionable diagnostics targeting architecture, correctness, and performance problems.

Why does my React application have performance issues and how can I diagnose them?▼

React applications develop performance issues from inefficient rendering and architecture flaws, which you can diagnose by running `npx -y react-doctor@latest . --verbose --diff`. The scan monitors performance and outputs actionable diagnostics with a quality score.