react-doctor

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

1|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/makerjackie/jackie-skills-starter --skill react-doctor-makerjackie
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/makerjackie/jackie-skills-starter/tree/main/skills/react-doctor
Command: npx skills add https://github.com/makerjackie/jackie-skills-starter --skill react-doctor-makerjackie

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

When developing React applications, hidden security, performance, and architectural issues can slip in, leading to bugs and degraded user experience. This Skill scans your code to surface problems before they become costly.

Core Features & Use Cases

  • Comprehensive Scans: Analyzes code for security vulnerabilities, performance bottlenecks, correctness errors, and architectural flaws.
  • Score Reporting: Generates a 0‑100 health score with actionable diagnostics.
  • Iterative Improvement: Ideal after each code change, before code reviews, or when fixing bugs to ensure the codebase stays healthy.

Quick Start

Run the react-doctor skill after making React changes to receive a health score and actionable diagnostics.

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

To check React codebase health, you can run a diagnostic scan to identify security vulnerabilities, performance bottlenecks, correctness errors, and architectural flaws without requiring additional configuration.

What is a React code health score and how does it work?

A React code health score is a quantitative 0-100 metric generated by analyzing your codebase to evaluate its overall condition, providing detailed diagnostics alongside the score to highlight specific issues.

When should I run React code diagnostics during development?

You should run React code diagnostics after making code modifications, during code reviews, or while debugging to catch hidden security and performance issues early and ensure smoother releases.

Can I analyze React code for architectural flaws without setting up extra configuration?

Yes, you can analyze React code for architectural flaws and correctness errors without any additional configuration, as the diagnostic process directly scans the codebase to surface issues.

What is the best way to catch React bugs early before a release?

The best way to catch React bugs early is to run iterative code health evaluations after each code change, utilizing a 0-100 scoring system to surface security and performance problems before they escalate.

Does React code analysis cover both security vulnerabilities and performance bottlenecks?

Yes, React code analysis covers comprehensive scans for security vulnerabilities, performance bottlenecks, correctness errors, and architectural flaws, delivering actionable diagnostics to improve codebase health.