react-component-dev

SKILL.md

Patterns for building composable, accessible, well-structured React components.

| className | string | Style composition | | children | ReactNode | Content (when applicable) | | ...rest | native props | Forward all valid HTML attributes |

| forwardRef | Wrapping DOM elements | | ComponentPropsWithoutRef | Inheriting native props | | cn() | Merging classNames | | as const | Literal type inference | | useImperativeHandle | Custom ref APIs (rare) | | React.Children | Manipulating children (avoid if possible) |

Build React components with proper patterns, accessibility, and composition. Use when creating new components, refactoring existing ones, or reviewing component architecture. Covers forwardRef, prop design, accessibility, file organization, and testing approaches. Source: petekp/claude-code-setup.

View raw