CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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.

Quality

76%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/reka-ui/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is a well-organized overview with genuinely executable installation and component examples, and it explicitly instructs selective loading. However, the per-component detail files it advertises do not exist in the bundle, breaking the progressive-disclosure path, and a long version-changelog section spends tokens on time-sensitive trivia.

Suggestions

Generate and ship the components/*.md per-component files that SKILL.md and references/components.md both point to (or remove those references), so the index-to-detail navigation path actually resolves.

Condense the 'Recent Updates' changelog into a brief 'Deprecated/old patterns' note or move it into a reference file; keep only current-version API guidance in the body to remove time-sensitive token cost.

Replace the website-only 'Guides' list with in-bundle reference files or short inline snippets for the key topics (virtualization, controlled state, context injection) so guidance is self-contained rather than an external pointer.

DimensionReasoningScore

Conciseness

The body is mostly efficient (terse tables, executable code), but the 'Recent Updates (v2.6.0-V2.10.5)' changelog of ~20 version-specific bullets and 'Current version: v2.11.0 (October 2026)' are time-sensitive trivia that add substantial tokens and will age poorly. Not 4 because the changelog section is a noticeable, not minor, share of the body; not 2 because there is no padding explaining concepts Claude already knows.

3 / 5

Actionability

Installation configs and three complete, copy-paste-ready Vue examples (controlled Dialog, uncontrolled Select, asChild trigger) cover the common cases, and the Key Concepts table is concrete. Not 5 because several advertised topics (Styling, Animation, SSR, Virtualization, Controlled State guides) are only website pointers with no in-bundle code or steps.

4 / 5

Workflow Clarity

The navigation sequence is present (browse references/components.md index, then load per-component details from components/*.md), but the second step dead-ends: no components/ directory exists in the bundle, so following the documented workflow fails. Not 4 because the primary lookup path is broken rather than having only minor gaps; not 2 because steps are clearly listed and no destructive/batch operations require validation.

3 / 5

Progressive Disclosure

References are one level deep and clearly signaled (Available Guidance table, Loading Files section), but the bundle structure does not match the SKILL.md: the advertised 'components/*.md (dialog.md, select.md, etc.)' files referenced by both SKILL.md and references/components.md are absent from the bundle. Not 4 because a missing advertised reference layer is more than a minor organization gap.

3 / 5

Total

13

/

20

Passed

Description

83%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is strong: it explicitly states what the skill provides and when to use it, in third person, with specific capability areas and the important Radix Vue alias. The only meaningful improvement would be adding a few more natural trigger synonyms (shadcn-vue, Nuxt UI, unstyled components) to the 'when' clause.

DimensionReasoningScore

Specificity

The description lists multiple concrete capabilities: 'component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration' — comprehensive coverage of what the skill provides. Not 4 because there are no meaningful coverage gaps relative to the skill's actual content.

5 / 5

Completeness

Both parts are explicit: 'provides component API, accessibility patterns...' (what) and 'Use when building with Reka UI (headless Vue components)' (when). Not 5 because the 'when' is a single condition and lacks multiple concrete trigger phrases (e.g., 'when the user mentions Radix Vue, shadcn-vue, or accessible Vue dialogs'); not 3 because the 'when' is explicitly stated, not implied.

4 / 5

Trigger Term Quality

Good natural keywords: 'building with Reka UI', 'headless Vue components', and 'Formerly Radix Vue' (a key synonym users still say). Not 5 because common user phrasings like 'shadcn-vue', 'Nuxt UI', or 'unstyled components' are absent; not 3 because the included terms are natural and include the important legacy name.

4 / 5

Distinctiveness Conflict Risk

A clear niche with distinct triggers: Reka UI and Radix Vue name a specific library, and the skill content genuinely covers that niche. Minimal conflict risk with generic Vue or styling skills; not 4 because the library name plus the 'Formerly Radix Vue' alias leaves virtually no ambiguity.

5 / 5

Total

18

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

onmax/nuxt-skills

Path

skills/reka-ui/SKILL.md

Reviewed

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.