reka-ui
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.
Security Assessment
About reka-ui
Reka UI is a library designed for building headless and unstyled Vue 3 components, providing developers with a robust set of tools to create accessible user interfaces. It addresses the need for WAI-ARIA compliant components, allowing developers to focus on functionality and accessibility without being constrained by styling. This skill is particularly beneficial for those looking to implement complex UI elements such as forms, dialogs, menus, and popovers while maintaining a clean separation between logic and presentation.
FAQ
What are the main features of Reka UI?
Reka UI offers component APIs, accessibility patterns, controlled and uncontrolled state management, virtualization for large lists, and styling integration.
Is Reka UI compatible with Nuxt.js?
Yes, Reka UI can be easily integrated with Nuxt.js through its module.
What are the limitations of using Reka UI?
Reka UI is primarily focused on unstyled components, so if you require styled components, you may want to consider using the nuxt-ui skill.
Can I use Reka UI with other libraries?
Yes, Reka UI is designed to work alongside other libraries such as Nuxt UI and shadcn-vue.
How do I manage state in Reka UI components?
You can use `v-model` for controlled components and `default*` props for uncontrolled components.
All Files
54 filesInstall reka-ui
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
onmax/nuxt-skills