react-doctor

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers identify and fix potential issues in their React codebase before they become major problems, ensuring higher quality and more robust applications.

Core Features & Use Cases

  • Code Scanning: Analyzes React projects for security vulnerabilities, performance bottlenecks, correctness errors, and architectural flaws.
  • Diagnostic Scoring: Provides a clear 0-100 score indicating the overall health of the React codebase.
  • Actionable Feedback: Offers specific, actionable diagnostics to guide developers in making improvements.
  • Use Case: After completing a new feature or fixing a bug, run this Skill to get a comprehensive health check of your React components and ensure no new issues were introduced.

Quick Start

Run npx -y react-doctor@latest . --verbose --diff to scan your React project.

Frequently Asked Questions about react-doctor

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

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

Run npx -y react-doctor@latest . --verbose --diff to scan your React codebase. This command analyzes the project for security vulnerabilities, performance bottlenecks, correctness errors, and architectural flaws to catch issues early.

What is the best way to check React code quality after completing a new feature?

To check React code quality after a feature completion, run a diagnostic scan to receive a 0-100 health score. This score indicates the overall robustness of the codebase and provides actionable feedback for improvements.

Does react-doctor work for code review and bug fixing workflows?

Yes, react-doctor works for React code review and bug fixing workflows. It scans the codebase to identify architectural flaws and correctness errors, ensuring no new issues were introduced during development.

Can I get actionable diagnostics for React architectural flaws?

Yes, you can get actionable diagnostics for React architectural flaws. The tool outputs specific feedback guiding developers on how to fix security, performance, and correctness issues found during the codebase scan.

Why should I use a diagnostic score for my React codebase?

A diagnostic score provides a clear 0-100 metric indicating the overall health of your React codebase. This scoring mechanism helps developers identify potential issues early and ensures higher quality applications.

What types of React problems can a codebase scanner detect?

A React codebase scanner detects security vulnerabilities, performance bottlenecks, correctness errors, and architectural flaws. It applies these checks to development workflows to catch issues before they become major problems.