Add UI Component

Use this skill when a frontend change needs a new reusable component or a meaningful update to an existing one.

When to Use

• building a new reusable UI component
• evolving a shared presentation element
• following the design system + a11y rules
• defining component state boundaries
• RSC/Client Component boundary classification
• React 19 form actions and useActionState/useOptimistic
• Anti-slop component mechanics enforcement

Core Rules