skills.rest
noartem
noartemCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

reka-ui

Provide headless Vue component primitives for accessible, composable UI.

Updated Jun 8, 2025
Search Tags:#accessibility#components#vue#composition#virtualization#reka-ui
One-click install
npx skills add https://github.com/noartem/kawa --skill reka-ui-noartem
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reka-ui
Source: https://github.com/noartem/kawa/tree/main/ui/.agents/skills/reka-ui
Command: npx skills add https://github.com/noartem/kawa --skill reka-ui-noartem

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Reka UI provides headless Vue component primitives and patterns, enabling teams to ship accessible, composable UI faster without fighting low-level concerns. It decouples API and behavior from presentation, empowering developers to implement patterns like asChild, controlled/uncontrolled state, and virtualization with consistent accessibility.

Core Features & Use Cases

  • Accessibility-first Vue primitives for dialogs, forms, menus, and more.
  • Composition patterns (asChild), controlled/uncontrolled state management, and virtualization integration.
  • Styling integration and ecosystem alignment with Nuxt UI, shadcn-vue, and related libraries.
  • Use cases include building custom, accessible components or integrating with existing UI kits, guided by extensive references and docs.

Quick Start

Install and load Reka UI components in your Vue project and follow the documented patterns to start building accessible primitives quickly.

Frequently Asked Questions about reka-ui

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

FAQPage Schema
What are headless Vue primitives for building accessible components?▼

Headless Vue primitives provide component behavior and accessibility without dictating presentation, letting you style freely while maintaining consistent API support for dialogs and menus.

How do I build accessible Vue dialogs and menus with composition patterns?▼

You use headless Vue primitives to build accessible dialogs and menus, utilizing composition patterns like asChild to decouple API behavior from your presentation layer.

Can I use headless Vue primitives with Nuxt UI or shadcn-vue?▼

Yes, these headless primitives integrate with the broader Vue ecosystem, aligning styling and behavior for libraries like Nuxt UI and shadcn-vue.

Does this approach support virtualization for large Vue component lists?▼

Yes, the primitives include virtualization support to handle large lists efficiently, alongside controlled and uncontrolled state management for complex UI interactions.

When do I need headless primitives instead of traditional UI component libraries?▼

You need headless primitives when building custom accessible components or integrating with existing kits, requiring full control over presentation without rebuilding low-level behavior.

Related Skills

Explore More Software Engineering Skills→
heamlkheamlk

vue

Standardize Vue 3 SFC development with script setup and typed props.

Community
Intermediate
mgd34msumgd34msu
4

ark-ui

Generate accessible UI components with Ark UI headless primitives for React, Vue, Solid, and Svelte.

Community
Intermediate
Shana-AEShana-AE
2

reka-ui

Provide accessible headless component primitives for Vue 3 UI development.

Community
Advanced
HigorAlvesHigorAlves
4

shadcn

Manage shadcn/ui components with installation, theming, and documentation retrieval.

Community
Basic