nuxt-ui
Use when building styled UI with @nuxt/ui v4 components - create forms with validation, implement data tables with sorting, build modal dialogs and overlays, configure Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.
100
Does it follow best practices?
Evaluation — 100%
↑ 1.16xAgent success when using this skill
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 an excellent skill description that clearly defines its scope, provides specific capabilities, and explicitly differentiates itself from related skills. The 'Use when' clause at the start with concrete trigger terms and the disambiguation guidance at the end make it highly effective for skill selection. The description is concise yet comprehensive.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions: 'create forms with validation', 'implement data tables with sorting', 'build modal dialogs and overlays', 'configure Tailwind Variants theming'. | 3 / 3 |
Completeness | Explicitly answers both what (create forms, implement tables, build modals, configure theming) and when ('Use when building styled UI with @nuxt/ui v4 components'). Also provides helpful disambiguation with other skills. | 3 / 3 |
Trigger Term Quality | Includes natural keywords users would say: 'styled UI', 'forms', 'validation', 'data tables', 'sorting', 'modal dialogs', 'overlays', 'theming', plus the specific library name '@nuxt/ui v4'. | 3 / 3 |
Distinctiveness Conflict Risk | Clearly distinguishes itself from related skills by explicitly stating when to use alternatives: 'Use vue skill for raw component patterns, reka-ui for headless primitives.' The @nuxt/ui v4 specificity creates a clear niche. | 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 serves as a well-organized index/overview. It efficiently directs Claude to the right reference files based on task context, provides essential quick-start code, and maintains excellent token efficiency. The explicit guidance about selective file loading demonstrates thoughtful design for context window management.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | Extremely lean and efficient. No unnecessary explanations of what Nuxt UI is or how component libraries work. Every section serves a clear purpose with minimal prose. | 3 / 3 |
Actionability | Provides copy-paste ready configuration code for nuxt.config.ts, main.css, and app.vue. Clear executable examples for the essential setup steps. | 3 / 3 |
Workflow Clarity | For a reference/index skill, the workflow is appropriately simple. Clear guidance on when to use which reference file, with explicit 'DO NOT load all files at once' instruction. The checklist format provides clear decision points. | 3 / 3 |
Progressive Disclosure | Excellent structure with clear one-level-deep references. Main skill is a concise overview (~300 tokens noted) with well-organized table pointing to specific reference files by topic. Navigation is intuitive with both table format and checklist format. | 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.