Streamlines the creation of high-quality, accessible design systems using Radix UI unstyled primitives.
The Radix Primitives skill equips Claude with the technical knowledge to implement accessible, unstyled React components like dialogs, popovers, and menus. It specializes in the asChild composition pattern for polymorphic rendering and leverages data attributes for styling, making it an essential tool for developers building custom design systems from scratch or working with the underlying architecture of libraries like shadcn/ui. By focusing on accessibility (A11Y) and keyboard navigation, it ensures that every UI component is production-ready and inclusive.
主な機能
01Advanced focus management and keyboard navigation logic
02State-based styling guidance via data attributes
03Polymorphic rendering using the asChild composition pattern
0469 GitHub stars
05Accessible component patterns with full ARIA support
06Comprehensive implementation of complex overlays and menus
ユースケース
01Building a custom accessible design system for a web application
02Customizing and extending the internals of shadcn/ui components
03Implementing complex UI interactions like nested dropdowns and modal dialogs
