
Description
radix-ui-design-system is an agent skill for building accessible design systems with Radix UI primitives. Radix provides unstyled, headless components, so you control the appearance and behaviour fully and the library imposes no style. The skill covers customising headless components, theming with CSS variables or Tailwind, and compound component patterns for complex interactive components such as dialogs, dropdowns and tabs. Use it when you are creating a custom design system from scratch, building an accessible component library, migrating from a styled library to unstyled primitives, or building an application that must meet WCAG 2.1 AA or AAA. The guide sets out the procedure and reference material, and it asks that the safety, prerequisites and validation requirements be treated as mandatory. The skill also says when not to use it. It is part of the sickn33/agentic-awesome-skills repository on GitHub, which has about 47,600 stars. The listing shows it as free, and it has about 1,300 installs. Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk. Install it with npx skills add https://github.com/sickn33/agentic-awesome-skills --skill radix-ui-design-system.…
Highlights
- Headless, unstyled Radix primitives
- Theming with CSS variables or Tailwind
- Compound component patterns
- Accessibility to WCAG 2.1 AA and AAA
- Migration from styled libraries
Ratings & Reviews
No ratings yet
Be the first to rate radix-ui-design-system.
People also visit

migrate-radix-to-base
Migrates React projects and components from Radix UI to Base UI
radix-ui-design-system FAQ
What are Radix primitives?
Unstyled, headless components, so the look and behaviour are fully controlled by you.
What accessibility level does it target?
WCAG 2.1 AA or AAA, according to the skill.
How is theming done?
With CSS variables or Tailwind.
How do I install it?
Run npx skills add https://github.com/sickn33/agentic-awesome-skills --skill radix-ui-design-system.
Is it checked for security?
Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk.
What are the best radix-ui-design-system alternatives?
Popular alternatives to radix-ui-design-system include frontend-a11y, react-testing and migrate-radix-to-base. See all radix-ui-design-system alternatives







