# Diagnose and Improve React Code

React issues can hide across correctness, performance, accessibility, design, and architecture. This skill runs focused diagnostics and guides prioritized fixes with validation.

## Install

```bash
npx skillstore add millionco/react-doctor
```

## Metadata

- Status: approved
- Slug: millionco-react-doctor
- Version: 1.2.0
- Author version: 1.2.0
- Skillstore revision: r3
- Version status: not\_bumped
- Tree hash: c662c9e976b443b1776fc34c2155c141ddd9e16a3800c134b072ed0b1e8ea68f
- Author: millionco
- GitHub username: millionco
- License: MIT
- Repository: https://github.com/millionco/react-doctor/tree/main/skills/react-doctor/
- Ref: 02be9409c79ca1183f7844009c14d9df684d0cf9
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: confirmation\_required
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network
- Quality score: 38
- Quality tier: warning
- Public page: https://skillstore.pages.dev/skills/millionco-react-doctor
- Manifest: https://skillstore.pages.dev/api/skills/millionco-react-doctor/manifest

## Capabilities

- Scans changed React code and compares the diagnostic score.
- Runs full-project diagnostics with file and line details.
- Runs focused design, typography, interaction, accessibility, and motion checks.
- Explains individual rules and their recommended configuration.
- Adjusts rule, category, tag, and output-surface settings.

## Use Cases

- Check a feature before commit: Scan changed files, review new diagnostics, and verify that the health score did not regress.
- Triage an existing codebase: Run a full scan and prioritize correctness, security, performance, accessibility, and architecture findings.
- Tune team diagnostics: Explain noisy rules and apply narrow configuration changes for severity, categories, tags, or reporting surfaces.

## Prompt Templates

### Check my recent React changes

```
Scan my changed React code. Summarize new issues by severity and tell me whether the score regressed.
```

### Run a focused design audit

```
Audit this React project for design, typography, interaction, accessibility, and motion issues. Prioritize user-impacting findings.
```

### Explain and configure a rule

```
Explain why [rule name] fired. Show the narrowest configuration change that matches [team requirement], then validate it.
```

### Triage the full project

```
Run a full React diagnostic review. Group root causes, propose a fix order, apply approved changes, and validate each batch.
```

## Limitations

- Requires Node.js, npx, and access to the react-doctor package.
- Uses the mutable latest package version unless commands are changed.
- The full triage workflow depends on remotely hosted instructions.
- Diagnostic results still require developer review before applying changes.

## Best Practices

- Review the exact command and package version before execution.
- Fix errors before warnings, then rerun the same scope.
- Use the narrowest rule configuration that satisfies the team requirement.

## Anti Patterns

- Do not accept a score increase without reviewing changed behavior.
- Do not disable entire categories to avoid one disputed rule.
- Do not follow mutable remote instructions without reviewing their current contents.

## Security Audit

- Audited at: 2026-08-09T08:32:17.485\+00:00
- Summary: Most static alerts are Markdown formatting or ordinary rule references. Real risks remain because the skill executes an unpinned package and follows mutable remote instructions that can edit the working tree.

## Stats

- Views: 128
- Downloads: 9
- Favorites: 0
- Popularity score: 0