CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

89

1.16x
Quality

85%

Does it follow best practices?

Impact

100%

1.16x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

78%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.

Well-structured navigation skill that keeps the overview lean and pushes detail into real, one-level-deep reference files with clear task-based loading guidance. The main gaps are the duplicated file listing and the absence of any inline component-usage example.

Suggestions

Collapse the 'Available Guidance' table and 'Loading Files' checklist into a single task-to-file mapping to remove the duplicated six-file enumeration.

Add one small inline component example (e.g., a UButton or UModal snippet) in Quick Reference so a component-library skill shows actual component usage before deferring to references.

Reconcile 'When to Use' with 'Loading Files' so each task maps unambiguously to exactly one section, reducing routing ambiguity.

DimensionReasoningScore

Conciseness

The body is lean and assumes competence (no preamble on what Vue/Nuxt/Tailwind are), but the 'Available Guidance' table and the 'Loading Files' checkbox list enumerate the same six files, a minor redundancy that could be trimmed.

4 / 5

Actionability

Executable, copy-paste-ready setup code is provided for nuxt.config.ts, CSS imports, and the UApp wrapper, but no inline component-usage example (e.g., a Button or Modal snippet) is shown for a skill whose purpose is components.

4 / 5

Workflow Clarity

The task-to-file routing in 'Loading Files' clearly sequences which reference to consult for which task, and no destructive/batch operations require validation checkpoints; minor overlap between 'When to Use' and 'Loading Files' adds slight ambiguity.

4 / 5

Progressive Disclosure

A clear overview points to one-level-deep reference files, all of which exist and match the referenced paths, with well-signaled navigation via both a guidance table and a task-keyed loading checklist.

5 / 5

Total

17

/

20

Passed

Description

92%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.

A strong, specific description that names concrete actions, gives an explicit 'Use when' trigger, and clearly distinguishes itself from neighboring vue/reka-ui skills. Only minor keyword coverage gaps (e.g., Toast, notifications) keep trigger_term_quality just below the top anchor.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'create forms with validation', 'implement data tables with sorting', 'build modal dialogs and overlays', 'configure Tailwind Variants theming' — giving comprehensive coverage of the library's core capabilities.

5 / 5

Completeness

Explicit 'Use when building styled UI with @nuxt/ui v4 components' trigger plus a concrete what-list answers both what and when with concrete trigger phrases.

5 / 5

Trigger Term Quality

Natural phrases users would say ('forms with validation', 'data tables with sorting', 'modal dialogs and overlays', 'theming') are present, but common component terms like Toast/notifications and Slideover are absent.

4 / 5

Distinctiveness Conflict Risk

It carves a clear @nuxt/ui v4 styled-components niche and actively steers away from siblings ('Use vue skill for raw component patterns, reka-ui for headless primitives'), minimizing conflict risk.

5 / 5

Total

19

/

20

Passed

Validation

93%

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

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

referenced_paths_exist

Referenced path issues: 1 missing, 1 deeper-than-1-level

Warning

Total

15

/

16

Passed

Repository
onmax/nuxt-skills
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.