react-component-diagnosis
CommunityDeeply audit React components for better design.
Software Engineering#typescript#architecture#performance#react#design analysis#code audit#component review
Authorhylarucoder
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers identify hidden design issues in React components by replacing superficial reviews with evidence-based architectural diagnosis.
Core Features & Use Cases
- Seven-Dimension Review: Evaluates consumer API, data flow, testability, extensibility, performance, mental model, and boundaries with concrete code evidence.
- Actionable Recommendations: Produces prioritized P0/P1/P2 improvements with impact analysis and effort estimates.
- Use Case: Review a complex React component before refactoring to understand its API quality, rendering behavior, maintainability risks, and architectural tradeoffs.
Quick Start
Ask the skill to diagnose the design quality and performance of the React component directory or TSX file you provide.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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-diagnosis Download link: https://github.com/hylarucoder/hai-stack/archive/main.zip#react-component-diagnosis Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.