skills.rest
daveio
daveioCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

reka-ui

Document and index the Reka UI skill unit for Vue/Nuxt projects.

Updated Feb 18, 2026
Search Tags:#documentation#accessibility#vue#headless#nuxt#component-primitives#reka-ui
One-click install
npx skills add https://github.com/daveio/syn-horse --skill reka-ui-daveio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reka-ui
Source: https://github.com/daveio/syn-horse/tree/main/.agents/skills/reka-ui
Command: npx skills add https://github.com/daveio/syn-horse --skill reka-ui-daveio

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Reka UI provides headless, accessible Vue 3 component primitives to accelerate UI development and ensure consistent patterns across projects.

Core Features & Use Cases

  • Unstyled, accessible Vue 3 primitives for dialogs, menus, forms, and layout that can be quickly composed.
  • Supports advanced patterns like asChild, controlled/uncontrolled state, and virtualization for large lists.
  • Use cases include building design systems, rapid prototyping, and integrating with other UI kits in Nuxt/Vue apps.

Quick Start

Install reka-ui and start composing accessible Vue primitives in your app to ship UI faster.

Frequently Asked Questions about reka-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are headless Vue component primitives and when do I need them?▼

Headless Vue component primitives provide unstyled, accessible logic for UI elements like dialogs and menus. You need headless Vue component primitives when building design systems or rapidly prototyping Vue 3 apps without dictated styling.

How do I build accessible Vue 3 components for a design system?▼

Build accessible Vue 3 components by installing Reka UI to compose unstyled, headless primitives. These primitives handle accessibility patterns for dialogs, menus, and forms, allowing you to apply custom styling for your design system.

Can I use Reka UI with Nuxt to build unstyled interfaces?▼

Yes, you can use Reka UI with Nuxt. It provides composable, accessible Vue 3 component primitives designed for integrating into Nuxt apps and building unstyled interfaces for rapid UI development.

Does Reka UI support controlled state and advanced component patterns?▼

Reka UI supports controlled and uncontrolled state, the asChild pattern, and virtualization for large lists. These advanced component patterns allow you to build complex, accessible Vue 3 interfaces with flexible state management.

What is the best way to style unstyled Vue component primitives?▼

The best way to style unstyled Vue component primitives is through direct composition. Reka UI provides headless logic without built-in styling, allowing your team to apply custom CSS or utility classes directly to the accessible Vue components.

Related Skills

Explore More Software Engineering Skills→
9aia9aia

reka-ui

Create accessible, headless Vue 3 components with Reka UI.

Official
Intermediate
spencerpaulyspencerpauly
672

converting-css-to-tailwind

Convert plain CSS stylesheets into Tailwind utility classes in markup.

Community
Intermediate
skilld-devskilld-dev
174

tanstack-vue-table-skilld

Integrate TanStack Vue Table into Vue 3 apps with sorting, filtering, pagination, and grouping.

Official
Intermediate
mgd34msumgd34msu
4

headless-ui

Generate accessible, unstyled UI components for React and Vue applications.

Community
Intermediate