skills.rest
wibus-wee
wibus-weeCOMMUNITY
Explore all skills by this author →
Website𝕏@wibus_weeGitHub

react-doctor

Analyze React applications for regressions, security, performance, and accessibility issues.

54|7|Updated May 29, 2026
Search Tags:#code quality#linting#performance#react#health score
One-click install
npx skills add https://github.com/wibus-wee/cradle-app --skill react-doctor-wibus-wee
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/wibus-wee/cradle-app/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/wibus-wee/cradle-app --skill react-doctor-wibus-wee

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

React Doctor ensures code quality by checking for regressions, security vulnerabilities, performance issues, and accessibility concerns in your React applications before they are committed.

Core Features & Use Cases

  • Score Regression: Identifies when the health score of your codebase has dropped.
  • Security, Performance, Correctness, Accessibility: Checks for potential issues in these areas.
  • Codebase Improvement: Assists in improving code quality and maintaining a clean codebase.
  • Use Case: Use React Doctor after making changes to your React code to ensure it remains robust and performant.

Quick Start

Run npx -y react-doctor@latest . --verbose --diff to scan your React codebase and check the health score before committing changes.

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 before committing?▼

React code health monitoring analyzes your codebase for regressions, security vulnerabilities, performance bottlenecks, and accessibility issues. It provides a 0-100 score to help you maintain code quality before committing changes.

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

A React health score is a 0-100 rating generated by analyzing your source files for correctness, security, performance, and accessibility issues. It helps identify regressions and areas needing improvement in your codebase.

Can I scan only the React files that changed since my last commit?▼

Yes, you can scan changed files by running the react-doctor script with the diff flag. This targets only modified source files rather than checking the entire current directory.

How do I run a code quality scan on my React application?▼

To run a code quality scan, execute the react-doctor script in your project directory with verbose and diff flags. This analyzes your source files and outputs a comprehensive health score with detailed findings.

Does React code linting cover accessibility and correctness checks?▼

Yes, React code linting in this context covers security, performance, correctness, and accessibility. It scans your source files to identify potential issues across these four areas and reports them in the output.

Related Skills

Explore More Software Engineering Skills→
alexanderopalexanderop

using-git-worktrees

Create isolated git worktrees for feature branches with safety checks.

Community
Advanced
haxlyshaxlys

react-doctor

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

Community
Intermediate
kartikfedkartikfed

python-quality

Run Black, Ruff, Mypy, and Pytest checks on Python code.

Community
Intermediate
apexradiusapexradius

audit

Automate multi-faceted website audits covering SEO, performance, accessibility, and security.

Official
Advanced