skills.rest
PTKDrake
PTKDrakeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

react-doctor

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

1|Updated May 24, 2026
Search Tags:#code quality#linting#performance#accessibility#react
One-click install
npx skills add https://github.com/PTKDrake/FIT-vmu --skill react-doctor-ptkdrake
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/PTKDrake/FIT-vmu/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/PTKDrake/FIT-vmu --skill react-doctor-ptkdrake

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pnpm, react-scripts, and includes scripts (resource) components.

What problem does it solve?

This Skill helps developers maintain high-quality React codebases by identifying and addressing potential issues before they become problems.

Core Features & Use Cases

  • Code Quality Checks: Linting, accessibility checks, and architecture diagnostics.
  • Performance Monitoring: Assess bundle size and performance regressions.
  • Use Case: Before committing code, run React Doctor to ensure there are no regressions in quality or performance.

Quick Start

Run pnpx react-doctor@latest --verbose --diff to check for score regression after making changes to your React codebase.

Frequently Asked Questions about react-doctor

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

FAQPage Schema
How do I check for React code quality and performance regressions before committing?▼

Run React Doctor using `pnpx react-doctor@latest --verbose --diff` to analyze your React codebase for security, performance, correctness, and architecture regressions. It checks for score regression in code quality, ensuring no issues are introduced before committing changes.

What does a React code health score analyze?▼

A React code health score analyzes security, performance, correctness, and architecture issues using linting, accessibility checks, and bundle size analysis to provide a comprehensive overview of codebase quality.

Do I need pnpm and react-scripts to run React codebase diagnostics?▼

Yes, React Doctor requires pnpm and react-scripts as dependencies to execute its diagnostic scripts, perform linting, and analyze bundle size for your codebase.

Can I monitor React bundle size and accessibility issues automatically?▼

Yes, React Doctor monitors bundle size performance regressions and conducts accessibility checks automatically as part of its comprehensive codebase health analysis.

What is the best way to prevent architecture regressions in a React project?▼

Running React Doctor before committing code is the best way to prevent architecture regressions, as it performs architecture diagnostics and checks for score regression in quality and performance.

Related Skills

Explore More Software Engineering Skills→
brianlovinbrianlovin
357

react-doctor

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

Community
Advanced
haxlyshaxlys

react-doctor

Analyze React codebases for lint violations, dead code, accessibility gaps, and performance regressions.

Community
Intermediate
Angriff36Angriff36

Frontend Implementation

Guide frontend UI development across React, Vue, and Angular projects.

Community
Advanced
anolilabanolilab
214

react-doctor

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

Official
Advanced