What problem does it solve? React codebases drift into inconsistent component shapes, misused hooks, and effect-heavy logic that causes bugs and rerender churn. This Skill gives an AI assistant a fixed rulebook for writing and reviewing React components and hooks so every change follows the same conventions. ## Core Features & Use Cases - Component shape rules: Enforces function components only, one component per file, typed props with interface or type, deliberate controlled vs uncontrolled design, and restrained forwardRef usage. - Hook discipline: Applies rules-of-hooks, exhaustive dependency arrays, mandatory effect cleanup, and criteria for when extracting a custom hook is justified. - Pattern and anti-pattern guidance: Directs use of compound components, providers, and presentational/container splits while flagging anti-patterns like effects deriving state from props, index keys on dynamic lists, and blanket useCallback/useMemo. - Use Case: When reviewing a PR that adds a new form widget, the assistant checks that the component is controlled, props are typed, effects have cleanup, and list keys use stable identifiers. ## Quick Start Review this React component for hook discipline, controlled state, and anti-patterns before I merge it.
