react-doctor

Diagnose React codebases with a 0-100 score and actionable feedback.

64|2|Updated Feb 8, 2018
One-click install
npx skills add https://github.com/yuki-yano/dotfiles --skill react-doctor-yuki-yano
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/yuki-yano/dotfiles/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/yuki-yano/dotfiles --skill react-doctor-yuki-yano

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scans React projects after changes to identify security, performance, correctness, and architectural issues, and returns a digestible score with concrete recommendations.

Core Features & Use Cases

  • Automated code-quality scoring and diagnostics for React applications.
  • Detects common pitfalls such as prop misuse, rendering inefficiencies, and potential anti-patterns.
  • Use Case: after finishing a feature, run the doctor to validate changes before code review and merge.

Quick Start

Run the tool after making React changes to generate a diagnostic score and actionable feedback.

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

Automated diagnostic tools scan your React codebase after changes to identify security vulnerabilities, performance bottlenecks, and architectural anti-patterns, providing a 0-100 score with actionable recommendations for code improvements.

What is automated React code quality scoring and how does it work?

Automated React code quality scoring analyzes your codebase to detect correctness issues and anti-patterns, generating a 0-100 diagnostic score that quantifies overall health and guides specific refactoring decisions.

When should I run static analysis on my React project?

Run static analysis on your React project after finishing a feature but before code review and merge, validating your changes to catch security, performance, and architectural concerns early.

Can I detect React rendering inefficiencies and prop misuse automatically?

Yes, you can detect React rendering inefficiencies and prop misuse automatically by applying diagnostic checks to your codebase, which identifies common pitfalls and returns concrete recommendations to resolve them.

Does automated React linting work for post-change validation before merge?

Automated React linting works effectively for post-change validation by scanning the codebase after modifications to catch security, performance, and correctness issues, generating a digestible score to ensure code quality before merge.