Radix Ui Design System

If you're building a React component library and need full control over styling while keeping accessibility rock solid, this is your blueprint. Radix UI gives you unstyled primitives with WAI-ARIA compliance baked in, so you handle the CSS however you want. The skill walks through real patterns: theming with CSS variables or Tailwind, compound components, the asChild polymorphic trick. It's opinionated about composition over configuration and never breaking the accessibility features Radix ships with. Good for design systems or when shadcn feels too prescriptive but you still want the Dialog and Dropdown complexity handled correctly. Won't help if you need something non-React or just want styled components out of the box.

skills.sh installs: 993
GitHub stars: 43.1K
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill radix-ui-design-system --agent claude-code

Installs into .claude/skills of the current project.

Files

Radix UI Design System

Build production-ready, accessible design systems using Radix UI primitives with full customization control and zero style opinions.

Detailed Guide

Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.