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.