radix-ui-design-system - Build accessible Radix UI design systems
Guides the creation of customizable, accessible design systems and component libraries with Radix UI primitives.
Tags
Updated: 2026-10-16Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Build accessible component libraries
- Customize headless primitives
- Apply theming strategies
- Compose compound components
- Implement interactive components
- Manage controlled component state
Inputs
- React project
- Component requirements
- Design tokens
- Styling strategy
- Component state requirements
Outputs
- Component library code
- Styled UI components
- Theme configuration
- Accessible interaction patterns
Requirements
- React 16.8 or later
- Radix UI packages
- JavaScript or TypeScript environment