radix-ui

Solid

Radix UI primitives, composition patterns, accessibility, and customization.

AI & Automation 1,160 stars 71 forks Updated today MIT

Install

View on GitHub

Quality Score: 94/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
47
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Radix UI Skill Expert assistance for building accessible components with Radix UI. ## Capabilities - Use Radix primitives - Compose accessible components - Style with CSS/Tailwind - Handle complex interactions - Implement WAI-ARIA patterns ## Usage Pattern ```tsx import * as Dialog from '@radix-ui/react-dialog'; <Dialog.Root> <Dialog.Trigger asChild> <button>Open</button> </Dialog.Trigger> <Dialog.Portal> <Dialog.Overlay className="fixed inset-0 bg-black/50" /> <Dialog.Content className="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white p-6 rounded-lg"> <Dialog.Title>Title</Dialog.Title> <Dialog.Description>Description</Dialog.Description> <Dialog.Close asChild> <button>Close</button> </Dialog.Close> </Dialog.Content> </Dialog.Portal> </Dialog.Root> ``` ## Target Processes - component-library - accessibility-implementation - design-system

Details

Author
a5c-ai
Repository
a5c-ai/babysitter
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Featured

radix-ui-design-system

Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.

39,350 Updated today
sickn33
Web & Frontend Listed

radix-ui-design-system

Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.

335 Updated today
aiskillstore
AI & Automation Solid

shadcn

shadcn/ui component patterns, customization, theming, and integration.

1,160 Updated today
a5c-ai
Web & Frontend Listed

swe-developing-frontend-ui

UI development skill covering design token usage, shadcn/ui + Radix composition patterns, accessibility requirements, anti-patterns catalog, and brand context for `crud-fe-ts-nextjs` and `crud-fs-ts-nextjs`. Auto-loads when working on TSX components, CSS, or UI design tasks.

2 Updated today
wahidyankf
AI & Automation Listed

shadcn

shadcn/ui component library patterns

3 Updated today
Squirrelfishcityhall150