react-doctor

Analyze React codebases for security, performance, and architecture issues.

357|29|Updated Jan 19, 2026
One-click install
npx skills add https://github.com/brianlovin/agent-config --skill react-doctor-brianlovin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/brianlovin/agent-config/tree/main/skills/react-doctor
Command: npx skills add https://github.com/brianlovin/agent-config --skill react-doctor-brianlovin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the common challenges of maintaining healthy, performant, and secure React codebases by automatically identifying and suggesting fixes for a wide range of issues.

Core Features & Use Cases

  • Comprehensive Code Analysis: Scans for security vulnerabilities, performance bottlenecks, state management errors, architectural flaws, and more.
  • Actionable Diagnostics: Provides a detailed score and specific, actionable feedback with file paths and line numbers for each identified issue.
  • Use Case: When encountering performance degradation or security concerns in a React application, use this Skill to get a clear report of the problems and prioritized steps to resolve them.

Quick Start

Run the react-doctor command at your project's root directory to get a health score and diagnostics.

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 health audit on my React codebase to find performance and security issues?

To run a React codebase health audit, execute the react-doctor package via npx at your project root. It scans for security vulnerabilities, performance bottlenecks, and state management errors, providing a diagnostic score and actionable feedback.

What does a React code diagnostic check for besides basic syntax errors?

A React code diagnostic checks for architectural flaws, framework-specific concerns like Next.js issues, security vulnerabilities, state management errors, performance bottlenecks, and correctness problems, delivering a detailed score with file paths and line numbers for each issue.

Do I need npx installed to run a React code health diagnostic?

Yes, you need npx available in your environment to execute the react-doctor package for comprehensive code auditing. Running the command at your project's root directory generates the health score and diagnostic report.

Can I use this React auditing tool to diagnose Next.js framework-specific concerns?

Yes, this React auditing tool diagnoses Next.js framework-specific concerns alongside general state management, architecture, performance, and security issues. It provides actionable feedback with file paths and line numbers to resolve identified Next.js problems.

What is the best way to get actionable feedback for React performance degradation?

The best way to get actionable feedback for React performance degradation is to run a comprehensive code analysis tool. It identifies bottlenecks, provides a health score, and outputs specific file paths and line numbers for prioritized resolution.

Why does my React application have security vulnerabilities and how can I identify them?

React applications can develop security vulnerabilities through architectural flaws or incorrect state management. Identify them by running a codebase health analysis, which scans for vulnerabilities and provides specific, actionable feedback with file locations for improvement.