Skills
.Work. You
Rest

react-component-design

Community

Apply React component design rules to code.

Software Engineering#architecture#suspense#react#hooks#code-review#component-design
Authordonghyun1998
Version1.0.0
Installs0

System Documentation

What problem does it solve?

React component design rules guide developers to write or review code by enforcing proper separation of concerns, architecture patterns, and readable JSX.

Core Features & Use Cases

  • Enforces single concern, top-level branching, Suspense/ErrorBoundary patterns, predictable props, and UI-to-structure alignment.
  • Supports clear guidelines for component design, custom hooks, and code-review workflows across typical React architectures.

Quick Start

Analyze a component to identify violations of the design rules and propose targeted refactors.

Dependency Matrix

Required Modules

None required

Components

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-design
Download link: https://github.com/donghyun1998/eric-react-skills/archive/main.zip#react-component-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.