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.
100
Does it follow best practices?
Validation for skill structure
Discovery
100%Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.
This is a well-crafted skill description that excels across all dimensions. It opens with an explicit 'Use when' clause, names the specific library and framework (Reka UI, Vue), lists concrete capabilities, and includes the former name (Radix Vue) to catch users familiar with the old terminology. The description is concise yet comprehensive.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete capabilities: 'component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration' - these are concrete, actionable concepts. | 3 / 3 |
Completeness | Explicitly answers both what ('provides component API, accessibility patterns, composition...') and when ('Use when building with Reka UI (headless Vue components)') with clear trigger guidance at the start. | 3 / 3 |
Trigger Term Quality | Includes excellent natural keywords users would say: 'Reka UI', 'headless Vue components', 'asChild', 'Radix Vue' (the former name). These cover both current and legacy terminology users might search for. | 3 / 3 |
Distinctiveness Conflict Risk | Highly distinctive with specific library names (Reka UI, Radix Vue) and Vue-specific terminology. Unlikely to conflict with general component or accessibility skills due to the specific framework and library focus. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
100%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is an exemplary skill file that demonstrates excellent token efficiency while providing comprehensive, actionable guidance. The structure is well-organized with clear navigation to deeper resources, executable code examples, and appropriate use of tables for quick reference. The recent updates section and version information add practical value without bloat.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | Extremely lean and efficient. No unnecessary explanations of what Vue or accessibility means. Every section earns its place with actionable information, tables for quick scanning, and the token count note at the end shows awareness of efficiency. | 3 / 3 |
Actionability | Provides fully executable code examples for installation (both Nuxt and Vite), Dialog with controlled state, Select with uncontrolled default, and asChild pattern. All examples are copy-paste ready with proper imports. | 3 / 3 |
Workflow Clarity | For a component library skill, the workflow is appropriately simple. Clear guidance on when to use, what files to load, and explicit instruction 'DO NOT load all files at once.' The loading checklist provides a clear decision process. | 3 / 3 |
Progressive Disclosure | Excellent structure with overview in main file, clear table pointing to references/components.md and per-component files. External guides appropriately linked to documentation site. One-level-deep references with clear signaling. | 3 / 3 |
Total | 12 / 12 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 — 11 / 11 Passed
Validation for skill structure
No warnings or errors.
- 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.