Builds accessible, unstyled UI components using Base UI primitives and Tailwind CSS for custom design systems.
The Base UI skill empowers Claude to construct high-quality, accessible web interfaces using unstyled Base UI primitives. It emphasizes a modern development workflow where components are styled directly with Tailwind CSS and project-specific design tokens rather than rigid abstractions. By following composition-first patterns and relying on CSS variables for styling, this skill ensures that interactive elements like menus, popovers, and toolbars are both highly functional and perfectly aligned with your project's visual identity.
主要功能
010 GitHub stars
02Composition-based patterns for flexible UI construction
03Direct Tailwind CSS styling integration on component slots
04Design token alignment via CSS variables for color and spacing
05Standardized implementation for menus, popovers, and toolbars
06Accessible component architecture using Base UI primitives
使用场景
01Refactoring legacy components into accessible Base UI patterns
02Developing accessible, custom-styled design systems
03Implementing interactive UI elements without heavy library overhead
