design-system-components - Build Reusable Design System Components
Build reusable components using Surface primitives, CVA variants, and design tokens
Tags
Updated: 2026-03-25Capabilities
Typical Inputs
Typical Outputs
What this skill does
- define CVA variants
- create Surface primitives
- build component variants
- apply design tokens
- compose conditional classes
- create type-safe APIs
Inputs
- design tokens
- component requirements
- CVA configuration
Outputs
- React components
- component variants
- TypeScript interfaces
Requirements
- React environment
- TypeScript
- class-variance-authority package
- cn utility function