About react-doctor
react-doctor is a skill for auditing React codebases. It scores security, rendering performance, correctness, and architecture, then ranks findings with component locations and remediation guidance.
Key features
- 01Score-based React quality checks
- 02Security and performance review
- 03Correctness and architecture checks
- 04Severity-ranked findings
- 05Component locations and remediation steps
Use cases
- 01Auditing a React codebase before release
- 02Finding security or rendering regressions
- 03Prioritising component-level fixes
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ podo/ design-agent-skills --skill react-doctorAfter installing, type/react-doctorin Claude Code to confirm it loaded.
Bundled filesstub.yaml
Details
From the project READMEreact-doctor
Catalogue stub — full skill: millionco/react-doctor
Decision tree
Run this before any React code quality audit:
-
Is the full skill already installed? Check:
~/.design-agent-skills/skills/react-doctor/SKILL.mdexists AND does NOT contain adas:block.- Yes → invoke
react-doctorand proceed - No → go to step 2
- Yes → invoke
-
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with
!— add-gfor global install or omit for project-only
Install command
npx skills add millionco/react-doctor
Or per-agent:
- Claude Code:
claude skills add millionco/react-doctor - Cursor/OpenCode:
npx skills add millionco/react-doctor
Invoke after install
- Skill name:
react-doctor - Trigger phrases: "react doctor", "React audit", "React performance", "React security", "component quality"
What it does
Runs score-based quality checks across a React codebase to detect regressions in security, rendering performance, correctness, and architectural soundness. Returns findings ranked by severity with specific component locations and actionable remediation guidance for each issue.