React component composition and API design guidance.

This skill focuses on component structure, not visual styling. Use design or web-ui-audit for UI quality; use this when the component API itself is becoming hard to use or maintain.

Use

Use this skill for:

Component APIs with many boolean props or mutually exclusive prop combinations.
Deciding between explicit variants, compound components, slots, children composition, and render props.
Refactoring provider or context interfaces.
Moving state to the right owner without leaking implementation details.
Reviewing reusable component libraries and design-system primitives.

Do not use it to rewrite working local components just because an abstraction is possible. The goal is a simpler public interface and clearer ownership.

react-composition

Use

Process