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.

Install with Tessl CLI

npx tessl i github:onmax/nuxt-skills --skill reka-ui
What are skills?

100

Does it follow best practices?

Validation for skill structure

SKILL.md
Review
Evals

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%

Without context: $0.3448 · 1m 29s · 16 turns · 16 in / 5,046 out tokens

With context: $0.3606 · 1m · 18 turns · 16 in / 3,619 out tokens

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%

Without context: $0.9108 · 3m 39s · 28 turns · 28 in / 15,467 out tokens

With context: $0.6440 · 1m 51s · 26 turns · 66 in / 8,083 out tokens

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%

Without context: $0.7722 · 3m 20s · 22 turns · 71 in / 13,059 out tokens

With context: $1.0594 · 3m 4s · 35 turns · 1,806 in / 12,105 out tokens

Evaluated
Agent
Claude Code

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.