# Setup React Doctor

> React health scoring via react-doctor with Stop hook to fail on score regression. Use when setting up react-doctor or preventing UI quality regressions.

- Skill: `redpanda-data/setup-react-doctor` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add redpanda-data/setup-react-doctor`
- Raw SKILL.md: https://api.skillmd.com/api/skills/redpanda-data/setup-react-doctor/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: redpanda-data (https://skillmd.com/u/redpanda-data)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/redpanda-data/setup-react-doctor

---


# Setup React Doctor

- **react-doctor** codebase health score (0-100)
- Stop hook run doctor on changed files, fail on score drop
- Config disable biome-overlapping rules

## Steps

### 1. Install
```bash
bun add -D react-doctor --yarn
```

### 2. Package.json
```json
{ "scripts": { "doctor": "react-doctor ." } }
```

### 3. Config (`react-doctor.config.json`)
```json
{ "ignore": { "rules": ["react-hooks/exhaustive-deps", "react/no-nested-component"] } }
```

### 4. Hook
Copy `scripts/react-doctor-stop.sh` -> `.claude/hooks/`. `chmod +x`. Add to Stop.

### 5. Verify
- [ ] `bun run doctor` work
- [ ] Stop hook executable