radix-ui-design-system - Build accessible Radix UI design systems
Build customizable, accessible React design systems with Radix primitives, theming strategies, and composable component patterns.
Tags
Updated: 2026-10-16Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Build accessible components
- Customize headless primitives
- Compose compound components
- Implement theming strategies
- Manage controlled state
- Apply polymorphic patterns
Inputs
- React project
- Design system tokens
- Theme requirements
- Component behavior requirements
- Accessibility requirements
- Canonical design documentation
Outputs
- Accessible UI components
- Themed component library
- Customized Radix primitives
- Production-ready design system files
Requirements
- React 16.8 or later
- Radix UI primitives
- @afenda/shadcn-ui-deprecated package
- Tailwind CSS v4
- Class Variance Authority
- Workspace design system documentation