skills.rest
WannaCry081
WannaCry081COMMUNITY
Explore all skills by this author →
WebsiteGitHub

react-doctor

Identify security, performance, correctness, and architectural issues in React codebases.

Updated Aug 23, 2026
Search Tags:#react#quality#diagnostics#static-analysis#code-analysis#score
One-click install
npx skills add https://github.com/WannaCry081/React-Workflow-Starter --skill react-doctor-wannacry081
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/WannaCry081/React-Workflow-Starter/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/WannaCry081/React-Workflow-Starter --skill react-doctor-wannacry081

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scans your React codebase to identify security, performance, correctness, and architecture issues, and outputs a 0-100 score with actionable diagnostics to guide fixes after changes.

Core Features & Use Cases

  • Automated quality checks: Detects common React issues across security, performance, and architecture.
  • Actionable diagnostics: Produces concrete recommendations to improve code quality and reliability.
  • Score-based feedback: Outputs a numeric score to quantify improvements over time and during reviews.
  • Use Case: Run after finishing a feature or bug fix to validate changes before merge.

Quick Start

Run npx -y react-doctor@latest . --verbose --diff to scan your project after making changes.

Frequently Asked Questions about react-doctor

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

FAQPage Schema
How do I run static analysis on my React codebase after making changes?▼

To run static analysis on your React codebase after changes, execute `npx -y react-doctor@latest . --verbose --diff` to scan your project and output a 0-100 quality score with actionable diagnostics.

What is the best way to check React code quality before a merge?▼

The best way to check React code quality before a merge is to run an automated scan that identifies security, performance, correctness, and architecture issues, returning a numeric score and concrete recommendations to guide fixes.

Does React code analysis work for projects of varying sizes?▼

Yes, React code analysis works for projects of varying sizes. It is applicable after finishing features or bug fixes across small and large projects, identifying architectural and security issues to validate changes.

How does a 0-100 code score improve React development?▼

A 0-100 code score improves React development by quantifying improvements over time and during reviews. It translates static analysis results into actionable diagnostics, helping developers track and enforce code quality.

Can I detect React performance and security issues automatically?▼

Yes, you can detect React performance and security issues automatically. The analysis scans your codebase to identify these vulnerabilities alongside correctness and architectural flaws, providing actionable feedback.

When should I use a diagnostic scan for React components?▼

You should use a diagnostic scan for React components after making changes, during code reviews, upon feature completion, or after bug fixes to validate that your modifications do not introduce performance or security regressions.

Related Skills

Explore More Software Engineering Skills→
PKU-ASALPKU-ASAL
43

auto-init

Detect and initialize new CoPaper paper projects with phase setup.

Official
Advanced
JohannesKoningsJohannesKonings

react-doctor

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

Community
Intermediate
DevelopersGlobalDevelopersGlobal
65

ci-cd-pipelines

Automate CI/CD pipelines with quality gates and deployment processes.

Official
Advanced
R2W1csR2W1cs
1

lint-and-validate

Lint and validate JavaScript and Python code for syntax and style issues.

Community
Intermediate