Component-Patterns

Modern UI component patterns for web applications. Component selection, composition, theming, and token systems following current standards (21st.dev SDK, Tailwind, Radix UI).

Scope

Use this skill when:

• You are designing or selecting UI components
• You are building a design token system
• You are implementing theming (dark/light/custom)
• You are planning compound components or variant systems
• You are designing form architectures
• You are defining responsive component strategies

Principles

1. Composition over Inheritance

Build components by assembling small, specialized parts. Props for configuration, children for content, slots for variation.