react-doctor

Scan React codebases to identify and remediate security, performance, and architectural issues.

19|1|Updated Feb 7, 2026
One-click install
npx skills add https://github.com/sero-labs/sero --skill react-doctor-sero-labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/sero-labs/sero/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/sero-labs/sero --skill react-doctor-sero-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the challenge of maintaining high-quality React codebases by automating the detection and remediation of security vulnerabilities, performance bottlenecks, and architectural regressions.

Core Features & Use Cases

  • Automated Diagnostics: Scans code for accessibility, bundle size, and security issues, providing a 0-100 health score.
  • Regression Testing: Validates that new code changes do not degrade existing project health.
  • Local Triage Workflow: Executes a canonical, expert-reviewed playbook to scan, filter, and fix issues directly in the working tree.

Quick Start

Type /doctor in your chat to initiate a full local triage and cleanup pass on your current React project.

Frequently Asked Questions about react-doctor

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

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

To scan a React codebase for security and performance issues, you can run an automated diagnostic tool that analyzes your project and provides a 0-100 health score. It identifies accessibility, bundle size, and security problems for remediation.

What is automated React code refactoring and how does it work?

Automated React code refactoring is the process of using a canonical playbook to scan, filter, and fix architectural regressions directly in your working tree. It applies standardized fixes and configuration adjustments without manual intervention.

Can I run regression testing on incremental React code changes?

Yes, you can run regression testing on incremental React code changes. The diagnostic process operates across full project scopes or incremental changes to validate that new code does not degrade existing project health or introduce bottlenecks.

What's the best way to improve React code quality without manual intervention?

The best way to improve React code quality without manual intervention is to use an automated triage workflow. It executes an expert-reviewed playbook to apply standardized fixes and configuration adjustments directly to your working tree.

Does automated React linting work with existing project configurations?

Automated React linting works with existing project configurations by applying standardized configuration adjustments during the scan. It identifies and remediates security vulnerabilities and architectural regressions without requiring manual setup.