Guide construction of headless Bits UI components in Svelte 5 projects.
npx skills add https://github.com/BetaHuhn/skills --skill bits-ui
Please help me install this Agent Skill. Skill: bits-ui Source: https://github.com/BetaHuhn/skills/tree/main/bits-ui Command: npx skills add https://github.com/BetaHuhn/skills --skill bits-ui
This Skill provides expert guidance for constructing accessible, unstyled UI components in Svelte 5 using Bits UI, eliminating guesswork in implementing complex interactions like dialogs and menus.
Use the bits-ui skill to implement an accessible accordion component in my Svelte project.
High-intent search queries and answers about installing and using this skill.
Build accessible headless UI components in Svelte 5 using Bits UI, which provides unstyled primitives like dialogs and selects with built-in state management and data attributes for styling.
Style unstyled Svelte UI primitives by leveraging class props, CSS variables, and data attributes exposed by the headless components, or use the child snippet for fully tailored custom elements.
Yes, you can use headless Svelte components for floating UI elements like popovers and tooltips, as Bits UI handles accessible state management and integration of floating positioning.
Manage state with two-way binding in Svelte compound components by utilizing the built-in state management patterns and DOM refs provided by the headless UI primitives for precise control.
Yes, Bits UI works without imposing predefined styles, delivering unstyled accessible primitives that allow you to apply your own CSS variables and classes for complete visual customization.
aehrcGuide building accessible React UIs with Radix Themes and Radix Primitives.
moughamirStandardize Tailwind UI components with CVA variants and data-attribute states.
imalfectConfigure Base UI React components with render-prop APIs and Floating UI positioning.
yonatangrossBuild accessible UI component libraries with shadcn/ui and Radix Primitives.
