skills.rest
Shana-AE
Shana-AECOMMUNITY
Explore all skills by this author →
GitHub

reka-ui

Provide accessible headless component primitives for Vue 3 UI development.

2|Updated Jan 28, 2026
Search Tags:#composition#vue3#aria#ui-primitives#headless-ui#accessible-ui#reka-ui
One-click install
npx skills add https://github.com/Shana-AE/.shanaae-configs --skill reka-ui-shana-ae
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reka-ui
Source: https://github.com/Shana-AE/.shanaae-configs/tree/main/ai/skills/vendor/reka-ui
Command: npx skills add https://github.com/Shana-AE/.shanaae-configs --skill reka-ui-shana-ae

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Provide Vue 3 developers with accessible, headless component primitives for building UI.

Core Features & Use Cases

  • Unstyled, accessible Vue 3 component primitives that integrate with Nuxt UI or shadcn-vue patterns.
  • Patterns include asChild, controlled/uncontrolled state, virtualization, and styling integration.
  • Use cases: building forms, dialogs, menus, and other UI patterns with consistent accessibility.

Quick Start

Install the reka-ui skill into your Vue project and start importing components to compose accessible UI quickly.

Frequently Asked Questions about reka-ui

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

FAQPage Schema
How do I build accessible Vue 3 components without predefined styles?▼

Accessible Vue 3 components without predefined styles are built using headless UI primitives. Reka UI provides unstyled, accessible component primitives that let you implement custom styling while maintaining consistent ARIA patterns for menus, dialogs, and forms.

Can I use headless UI primitives with Nuxt UI and shadcn-vue patterns?▼

Headless UI primitives integrate directly with Nuxt UI and shadcn-vue patterns. The skill provides styling integration across Vue ecosystems, allowing unstyled component primitives to adopt your preferred design system through composition utilities.

How does the asChild pattern work for headless UI components in Vue 3?▼

The asChild pattern for headless UI components in Vue 3 works by passing component logic to a child element. Reka UI supports asChild to compose accessible UI patterns without rendering extra DOM nodes, ensuring flexible styling integration.

How do I manage controlled and uncontrolled state in accessible Vue 3 dialogs?▼

Controlled and uncontrolled state in accessible Vue 3 dialogs is managed through component composition utilities. Reka UI provides state management patterns for dialogs and menus, supporting both controlled and uncontrolled approaches for production-ready UI development.

Does this skill support virtualization for accessible Vue 3 menus?▼

Virtualization for accessible Vue 3 menus is fully supported by this skill. Reka UI includes virtualization patterns alongside controlled state and asChild composition, allowing efficient rendering of large UI lists while maintaining accessibility standards.

When do I need unstyled component primitives for Vue 3 UI development?▼

Unstyled component primitives for Vue 3 UI development are needed when building forms, dialogs, and menus with custom designs. Reka UI provides headless, accessible foundations that ensure ARIA compliance without dictating your application's visual styling.

Related Skills

Explore More Software Engineering Skills→
IntelliTectIntelliTect

use-composition-api

Build Vue 3 components with the Composition API, TypeScript, and Vuetify.

Official
Intermediate
Legal-and-GeneralLegal-and-General
23

canopy-utils

Document and apply Canopy CSS utility classes in Angular templates.

Official
Basic
guideopsguideops

ui-styling

Create and style user interfaces with shadcn/ui, Tailwind CSS, and canvas-based designs.

Community
Advanced
nazrulsoftwaredevnazrulsoftwaredev

ui-to-vue

Convert UI design screenshots into Vue 3 Composition API components.

Community
Intermediate