react-component-architecture

Refactor React components using compound components, render props, and custom hooks.

10|3|Updated Jan 2, 2026

Search Tags:#typescript #architecture #react #hooks #patterns #component

One-click install

npx skills add https://github.com/autohandai/community-skills --skill react-component-architecture-autohandai

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: react-component-architecture
Source: https://github.com/autohandai/community-skills/tree/main/react-component-architecture
Command: npx skills add https://github.com/autohandai/community-skills --skill react-component-architecture-autohandai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It covers modern React patterns like compound components, render props, hooks extraction, and polymorphic components to improve UI composition.

Core Features & Use Cases

Compound Components and render props
Custom Hooks for logic extraction
Polymorphic Components and discriminated props

Quick Start

Refactor a simple UI component to use compound components and hooks for better reusability.