skills.rest
9aia
9aiaOFFICIAL
Explore all skills by this author →
Website𝕏@9aia_GitHub

reka-ui

Create accessible, headless Vue 3 components with Reka UI.

Updated Feb 3, 2026
Search Tags:#accessibility#vue#vue3#headless#nuxt#ui-components#rekaui
One-click install
npx skills add https://github.com/9aia/pachira --skill reka-ui-9aia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reka-ui
Source: https://github.com/9aia/pachira/tree/main/.claude/skills/reka-ui
Command: npx skills add https://github.com/9aia/pachira --skill reka-ui-9aia

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Reka UI provides accessible, headless Vue 3 component primitives to accelerate UI development and ensure consistent ARIA-compliant patterns.

Core Features & Use Cases

  • Unstyled, accessible Vue 3 primitives with WAI-ARIA compliance for building custom components.
  • Supports patterns like asChild, controlled/uncontrolled state, composition, virtualization, and SSR/SSG integration.
  • Use case: rapidly assemble robust, accessible dialogs, menus, and forms in Nuxt 4 or Vue apps without re-implementing accessibility basics.

Quick Start

Install Reka UI in your Vue project and begin using its component primitives to scaffold 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 writing custom ARIA logic?▼

Use headless Vue 3 primitives with WAI-ARIA compliance to build accessible components. These unstyled primitives handle accessibility basics so you can rapidly assemble custom dialogs, menus, and forms.

What are headless UI components and when do I need them for Vue development?▼

Headless UI components are unstyled primitives that handle accessibility and behavior logic without imposing styles. You need them when building fully custom Vue 3 interfaces that require WAI-ARIA compliance.

Can I use headless Vue 3 primitives with Nuxt 4 projects?▼

Yes, these accessible headless Vue 3 primitives support Nuxt 4 projects and other Vue ecosystems. They integrate with SSR and SSG to help you scaffold robust UI components quickly.

How do I add custom styles to unstyled Vue 3 component primitives?▼

Style unstyled Vue 3 component primitives by applying your own CSS classes directly to the components. They provide behavior and accessibility logic while leaving visual styling entirely to your design system.

Does Reka UI support controlled and uncontrolled state management?▼

Yes, Reka UI supports controlled and uncontrolled state management, along with composition, virtualization, and the asChild pattern for flexible component assembly in Vue applications.

Related Skills

Explore More Software Engineering Skills→
daveiodaveio

reka-ui

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

Community
Intermediate
ps-carvalhops-carvalho

spavn-ui

Provide a Vue 3 component library with over 50 accessible components and MCP tooling.

Community
Advanced
Shana-AEShana-AE
2

reka-ui

Provide accessible headless component primitives for Vue 3 UI development.

Community
Advanced
KurrawongKurrawong
1

reka-ui

Provide headless Vue 3 component primitives with WAI-ARIA compliance.

Official
Advanced