skills.rest
neuron-one
neuron-oneCOMMUNITY
Explore all skills by this author →
GitHub

react-doctor

Scan JSX/TSX projects to detect React antipatterns and accessibility issues.

25|10|Updated Apr 1, 2026
Search Tags:#performance#accessibility#react#code-review#antipatterns#frontend-quality
One-click install
npx skills add https://github.com/neuron-one/GODMODE --skill react-doctor-neuron-one
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/neuron-one/GODMODE/tree/main/skills/development/react-doctor
Command: npx skills add https://github.com/neuron-one/GODMODE --skill react-doctor-neuron-one

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scans React projects for anti-patterns, prop drilling, and accessibility issues to improve code quality and maintainability.

Core Features & Use Cases

  • Detect unnecessary useEffect hooks and complex component props that indicate over-engineering.
  • Identify prop drilling and recommend Context or composition patterns to simplify data flow.
  • Flag accessibility (a11y) issues and performance hotspots in components for better UX.
  • Support project-wide scans and repeat runs to validate fixes.

Quick Start

Run the React Doctor scan on your project to surface anti-patterns and suggested fixes.

Frequently Asked Questions about react-doctor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find React antipatterns and unnecessary useEffect hooks in my project?▼

To find React antipatterns, scan your JSX/TSX source folders to flag unnecessary useEffect hooks, over-engineered component props, and complexity issues. The scan reports findings and lists actionable fixes to improve code health.

What is prop drilling in React and how can I identify it?▼

Prop drilling in React is passing data through multiple component layers instead of using Context. You can identify it by scanning source folders to detect complex component props and get recommendations to simplify data flow.

How do I scan my React component library for accessibility issues?▼

Scan your React component library for accessibility issues by running a project-wide analysis on your JSX/TSX files. The scan flags a11y issues and performance hotspots, reporting actionable fixes for better UX.

Can I use a React code review tool to fix performance hotspots iteratively?▼

Yes, you can use a React code review tool iteratively. After the initial scan reports performance hotspots and antipatterns, you can apply fixes and run repeat scans to validate that the issues pass.

Does the React antipattern scanner work with TypeScript TSX files?▼

Yes, the React antipattern scanner works with TypeScript TSX files. It applies to JSX and TSX projects, scanning through source folders to detect prop drilling, unnecessary hooks, and accessibility issues.

Related Skills

Explore More Software Engineering Skills→
calcosmiccalcosmic
9

react

Codify React UI best practices for component design, state management, and performance.

Community
Advanced
ragnarok22ragnarok22
5

django-doctor

Audit Django codebases for security, performance, correctness, and architecture issues.

Community
Advanced
nanorepublicananorepublica
61

Global Tech Stack

Validate code against centralized global tech stack standards.

Community
Basic
XSpoonAiXSpoonAi
17

code-refactoring-advisor

Analyzes Python and Solidity code to detect smells and suggest refactorings.

Official
Advanced