CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

96

2.69x
Quality

95%

Does it follow best practices?

Impact

97%

2.69x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

100%

75%

User Profile Edit Dialog

Dialog structure and Nuxt installation

Criteria
Without context
With context

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%

100%

32%

Notification Settings Panel

Select component structure and Toast notifications

Criteria
Without context
With context

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%

92%

75%

Timezone Picker with Animated Dropdown

Combobox virtualization and forceMount animation

Criteria
Without context
With context

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%

Repository
onmax/nuxt-skills
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

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.