Skip to content
R

radix-ui-design-system

Build accessible design systems with Radix UI primitives

by sickn33Free

Launch
#1612in AI Skills
0In stores

Description

radix-ui-design-system is an agent skill for building accessible design systems with Radix UI primitives. Radix provides unstyled, headless…

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

F

frontend-a11y

Accessibility patterns for React and Next.js

AI Skills
Launch
R

react-testing

React component testing with React Testing Library, Vitest/Jest

AI Skills
Launch
M

migrate-radix-to-base

Migrates React projects and components from Radix UI to Base UI

AI Skills
Launch
R

react

TSX components, UI libraries, styling, state locality, layout

AI Skills
Launch
E

extract

Identify and extract reusable components, design tokens

AI Skills
Launch
R

react-patterns

Modern React patterns and principles

AI Skills
Launch

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

Developer Stuff

Badges