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.
96
95%
Does it follow best practices?
Impact
97%
2.69xAverage score across 3 eval scenarios
Passed
No known issues
Dialog structure and Nuxt installation
Correct package module
0%
100%
DialogRoot present
0%
100%
DialogTrigger present
0%
100%
DialogPortal present
0%
100%
DialogOverlay inside portal
0%
100%
DialogContent inside portal
0%
100%
DialogTitle present
50%
100%
DialogDescription present
50%
100%
DialogClose present
0%
100%
Controlled via v-model
50%
100%
asChild for custom trigger
0%
100%
No radix-vue import
100%
100%
Select component structure and Toast notifications
Vite resolver import
0%
100%
RekaResolver used
0%
100%
SelectViewport present
100%
100%
SelectItemText present
100%
100%
SelectPortal present
100%
100%
SelectGroup used for categories
100%
100%
Uncontrolled default value
0%
100%
ToastProvider present
100%
100%
ToastViewport present
100%
100%
ToastAction with altText
100%
100%
ToastTitle present
100%
100%
No radix-vue reference
0%
100%
Combobox virtualization and forceMount animation
ComboboxVirtualizer used
0%
100%
forceMount on content
0%
100%
ComboboxEmpty present
0%
100%
ComboboxRoot present
0%
100%
ComboboxInput present
0%
100%
ComboboxTrigger or ComboboxAnchor
0%
100%
ComboboxContent present
0%
100%
Controlled state (v-model)
100%
100%
ComboboxPortal present
0%
0%
No radix-vue import
100%
100%
estimateSize provided
0%
100%
00fb59d
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.