skills.rest
sperictao
sperictaoCOMMUNITY
Explore all skills by this author →
GitHub

react-doctor

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

1|Updated Jan 11, 2026
Search Tags:#react#diagnostics#pre-commit#code-quality#triage#lint#health-score
One-click install
npx skills add https://github.com/sperictao/one-publish --skill react-doctor-sperictao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/sperictao/one-publish/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/sperictao/one-publish --skill react-doctor-sperictao

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scans React codebases for security, performance, correctness, and architecture issues to provide a clear health score and actionable fixes.

Core Features & Use Cases

  • Scans React codebases for security, performance, correctness, and architecture issues and outputs a 0–100 health score.
  • Provides a full local triage workflow when invoked via /doctor to fetch canonical playbooks and apply fixes.
  • Supports use during feature completion, bug fixes, or pre-commit checks to ensure code health before commits.

Quick Start

Run npx react-doctor@latest --verbose --diff in your project to scan changes and get a health score with recommended fixes.

Frequently Asked Questions about react-doctor

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

FAQPage Schema
How do I scan my React codebase for performance and security issues?▼

You can scan your React codebase for performance and security issues by running npx react-doctor@latest --verbose --diff to identify problems and output a 0–100 health score with actionable fixes.

Can I run a React diagnostic check as a pre-commit hook?▼

Yes, you can run a React diagnostic check as a pre-commit hook by executing the scan during your pre-commit workflow to ensure code health and prevent issues before committing changes.

What is a React health score and how does it evaluate code quality?▼

A React health score is a 0–100 rating that evaluates code quality by scanning your codebase for security, performance, correctness, and architecture problems to provide clear triage guidance.

How do I triage React codebase diagnostics locally?▼

You can triage React codebase diagnostics locally by invoking the triage workflow to fetch canonical playbooks that guide you through scanning, triaging, and cleaning up identified code issues.

Does this React triage workflow work without external dependencies?▼

The React triage workflow requires the React Doctor tool via npx react-doctor@latest with verbose and diff options, but operates without other listed dependencies to scan and remediate code.

What is the best way to fix React architecture problems before committing?▼

The best way to fix React architecture problems before committing is to run a local triage scan with diff options to identify issues and apply canonical playbook fixes for a clean health score.

Related Skills

Explore More Software Engineering Skills→
huangzidahuangzida
2

react-doctor

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

Community
Intermediate
RuzenieRuzenie
2

quality-gate-validator

Automates quality gate validation by executing predefined checks against project artifacts.

Community
Advanced
alangebalangeb

code-review-workflow

Run pyscan, pyanalyze, ruff, and black to generate a unified markdown report.

Community
Intermediate
voidrotvoidrot

sast-configuration

Configure SAST tools like Semgrep, CodeQL, and SonarQube for CI/CD pipelines.

Community
Intermediate