Agent skill · software engineering · onmax
reka-ui
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.
Why this skill is useful
Provides specific component patterns and API usage for building accessible Vue components that the AI wouldn't reliably generate on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-07-27. 697 stars on the source repository.
What this skill does
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 -------------------------------------------------------- ------------------------------------------------------------------- references/components.md Component index by category (Form, Date, Overlay, Menu, Data, etc.) components/\.md Per-component details (dialog.md, select.md, etc.) Guides (see reka-ui.com): Styling, Animation, Composition, SSR, Namespaced, Dates, i18n, Controlled State, Inject Context, Virtualization, Migration Loading Files Consider loading these reference files based on your task: [ ] references/components.md - if browsing component index by category or searching for specific components DO NOT load all files at once. Load only what's relevant to your current task. For styled Nuxt components built on Reka UI: use nuxt-ui skill Key Concepts Concept Description ----------------------- --------------------------------------------------------------------- asChild Render as child element instead of wrapper, merging props/behavior Controlled/Uncontrolled Use v-model for controlled, default props for uncontrolled Parts Components split into Root, Trigger, Content, Portal, etc. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills onmax/reka-ui