aiforui logo
[←] All skills

Component Design

All about React component APIs.

What this skill does

Compound components, controlled and uncontrolled state, and more.

  • Designs React component APIs around composition over configuration
  • Applies compound components, controlled and uncontrolled state, and asChild patterns
  • Reviews prop APIs for boolean-prop sprawl and hard-to-misuse defaults

Installation

Run the installer in your terminal to add this skill to your project:

$npx @aiforui/install emil-component-design --token=…

Omit the skill name to pick from all skills at once, and rename skills during install if you prefer different slash commands.

Usage

Once installed, use it when you're designing the props API for a component other people will reuse. For example: