skills.rest
SwitchbackTech
SwitchbackTechOFFICIAL
Explore all skills by this author →
𝕏@CompassCalendarGitHub

react-doctor

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

228|68|Updated Sep 27, 2023
Search Tags:#performance#security#react#analysis#code-quality#lint#health-score
One-click install
npx skills add https://github.com/SwitchbackTech/compass-calendar --skill react-doctor-switchbacktech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/SwitchbackTech/compass-calendar/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/SwitchbackTech/compass-calendar --skill react-doctor-switchbacktech

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identifies security, performance, correctness, and architecture issues in React codebases to provide a clear health score and actionable feedback.

Core Features & Use Cases

  • Automated scans of React codebases for security, performance, correctness, and architecture issues.
  • Generates a 0–100 health score with detailed diagnostics and recommended fixes.
  • Use Case: Before releasing a feature, run the scan to ensure code quality and minimize regressions.

Quick Start

Run the tool on your React project to generate a health score and actionable diagnostics.

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

Run an automated scan on your React codebase to identify security, performance, correctness, and architecture issues. This generates a 0–100 health score with actionable diagnostics covering lint, dead code, accessibility, bundle size, and architectural regressions.

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

A React code health score is a 0–100 metric generated by scanning a project for security, performance, correctness, and architecture issues. It works by aggregating lint, dead code, accessibility, and bundle size diagnostics into a quantifiable code quality indicator.

When should I scan my React project for code quality regressions?▼

Scan your React project for code quality regressions during feature completion, bug fixes, or prior to committing. Running automated checks before releasing a feature ensures code quality and minimizes the risk of introducing security or performance regressions.

Can I detect dead code and bundle size issues in my React application?▼

Yes, you can detect dead code and bundle size issues in your React application by running an automated codebase scan. The scan reports detailed diagnostics for dead code and bundle size alongside security, accessibility, and architectural correctness issues.

Does automated React code analysis include accessibility diagnostics?▼

Yes, automated React code analysis includes accessibility diagnostics. Scanning your codebase produces a comprehensive report covering accessibility alongside lint, dead code, bundle size, security, performance, and architectural issues to ensure overall code quality.

Related Skills

Explore More Software Engineering Skills→
az9713az9713

dark-code-suite-init

Initialize a project with dark code prevention directories, CLAUDE.md section, and baseline audit.

Community
Intermediate
rikdcrikdc
2

go-review

Review Go code for correctness, security, and performance issues.

Community
Advanced
SandroBeatzSandroBeatz

lint-check

Run ESLint and TypeScript type checking on a codebase.

Community
Intermediate
open-haxopen-hax
6

lint-gate

Halts task completion when lint or type errors are detected in codebase.

Official
Intermediate