reka-ui
This skill provides guidance for building accessible, headless Vue 3 components using Reka UI. It covers component APIs, accessibility patterns, state management, and composition techniques.
Is reka-ui safe to install?
Safe to install: our audit of reka-ui's source files found 0 shell commands, 0 external URLs, file reads and writes (low risk). Every command and URL listed appears verbatim in the skill's source. The skill requires reading local reference files and component documentation files to provide context to the agent.
How we audit skills: our security review methodology.
Who is this skill for?
Developers building Vue 3 applications who require unstyled, WAI-ARIA compliant component primitives.
What can you do with it?
- Building headless components from scratch
- Implementing accessible forms, dialogs, menus, and popovers
- Integrating Reka UI components into Nuxt or shadcn-vue projects
- Managing controlled and uncontrolled component state
- Optimizing large lists with virtualization
How good is this skill?
Quality score: 5/10. The skill provides clear documentation, specific file references, and code examples for common patterns.
What does the skill file contain?
# Reka UI Unstyled, accessible Vue 3 component primitives. WAI-ARIA compliant. Previously Radix Vue. **Current version:** v2.8.0 (January 2026) ## When to Use - Building headless/unstyled components from scratch - Need WAI-ARIA compliant components - Using Nuxt UI, shadcn-vue, or other Reka-based libraries - Implementing accessible forms, dialogs, menus, popovers **For Vue patterns:** use `vue` skill ## Available Guidance | File | Topics | | ----------------------------------...
Frequently asked questions
What is Reka UI?
Reka UI is a library of unstyled, accessible Vue 3 component primitives, formerly known as Radix Vue.
How do I handle component state?
Use v-model for controlled state or default props for uncontrolled state.
What is the purpose of the asChild prop?
The asChild prop renders the component as a child element instead of a wrapper, merging props and behavior with the child.
Which files should I load for this skill?
Load references/components.md to browse the component index or specific files from the components/ directory for detailed component information.
Related skills
web-design-guidelines
440.2KDevelopers and designers who need to verify UI code compliance with interface standards
The web-design-guidelines skill audits UI code against Web Interface Guidelines. It fetches current rules from a remote source and compares them against specified local files.
audit-website
58.0KDevelopers, SEO specialists, and website administrators who need to automate website health monitoring, technical debugging, and performance optimization
The audit-website skill enables AI agents to perform comprehensive website audits using the squirrelscan CLI. It evaluates websites against 240+ rules across 22 categories, including SEO, performance, security, and accessibility. The skill generates LLM-optimized reports, identifies issues, and provides actionable recommendations for remediation.
accessibility
33.5KWeb developers and quality assurance engineers who need to audit and improve web accessibility for WCAG 2
The accessibility skill provides guidelines and testing procedures for web accessibility based on WCAG 2.2 standards. It includes code patterns for perceivable, operable, understandable, and robust web content, alongside automated and manual testing checklists.
vue
28.3KDevelopers building Vue 3 applications who require standardized patterns for script setup, reactivity, and component structure
The vue skill provides guidelines and code patterns for Vue 3 development using the Composition API and script setup macros.