skills/react-doctor/SKILL.md
Use when finishing a feature, fixing a bug, before committing React code, or when the user wants to improve code quality or clean up a codebase. Checks for score regression. Covers lint, accessibility, bundle size, architecture diagnostics.
npx skillsauth add aidenybai/react-doctor react-doctorInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Scans React codebases for security, performance, correctness, and architecture issues. Outputs a 0–100 health score.
Run npx react-doctor@latest --verbose --diff and check the score did not regress.
If the score dropped, fix the regressions before committing.
Run npx react-doctor@latest --verbose (without --diff) to scan the full codebase. Fix issues by severity — errors first, then warnings.
npx react-doctor@latest --verbose --diff
| Flag | Purpose |
| ----------- | --------------------------------------------- |
| . | Scan current directory |
| --verbose | Show affected files and line numbers per rule |
| --diff | Only scan changed files vs base branch |
| --score | Output only the numeric score |
development
Best practices for Remotion - Video creation in React
tools
CSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness.
development
Best practices for Remotion - Video creation in React
tools
CSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness.