react-component-analyzer
OfficialDebug React components and fix UI glitches.
Authorallthriveai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps you diagnose and fix React/TypeScript component issues, including props, state management, hooks, and rendering problems in a Vite-based frontend.
Core Features & Use Cases
- Props & Types Validation: Verify props interfaces match API responses and component contracts.
- State & Hooks Debugging: Inspect useState, useEffect, useMemo, and custom hooks for correctness.
- React Query & Data Fetching: Validate data fetching and caching with TanStack Query.
- Export & Route Consistency: Ensure proper component exports and route wiring.
Quick Start
Pick a failing component, verify its props and types, check hook dependencies, and implement fixes to achieve correct rendering.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-component-analyzer Download link: https://github.com/allthriveai/allthriveai/archive/main.zip#react-component-analyzer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.