CtrlK
BlogDocsLog inGet started
Tessl Logo

nuxt-ui

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.

72

Quality

89%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

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

A well-architected skill body: executable installation code, concrete MCP guidance, and an excellent task-to-reference routing table that drives progressive disclosure. Slight room to tighten the Vue/Vite install block.

DimensionReasoningScore

Conciseness

Mostly lean — terse core-rule bullets, concise MCP tool list, and a routing table — with the full Vue/Vite installation block being the main padding that could be trimmed; no over-explanation of concepts Claude already knows.

4 / 5

Actionability

Fully copy-paste ready: executable install commands, complete nuxt.config/vite.config/main.ts/App.vue snippets, concrete `claude mcp add` commands, and a task→reference routing table that directs exact file loads.

5 / 5

Workflow Clarity

Clear load-before-build sequence via the routing table and an always-apply core-rules checklist; the skill is reference-routing rather than a fragile/destructive operation, so the validation cap does not apply, though no explicit verification checkpoints are given.

4 / 5

Progressive Disclosure

SKILL.md is a clear overview with well-signaled, one-level-deep references grouped by Guidelines/Layouts/Recipes, plus a routing table; all 14 referenced files exist and content is appropriately split across them.

5 / 5

Total

18

/

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 clearly names the domain, lists concrete actions, and provides explicit 'Use when' trigger guidance with natural phrasing. The only minor gap is trigger-term synonym coverage.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'Build UIs,' 'customizing themes to match a brand,' 'building forms,' and 'composing layouts like dashboards, docs sites, and chat interfaces' — giving comprehensive coverage of the library's capabilities.

5 / 5

Completeness

Explicitly states what it does ('125+ accessible Vue components with Tailwind CSS theming') and when to use it with a clear 'Use when...' clause and concrete trigger phrases, satisfying both anchors fully.

5 / 5

Trigger Term Quality

Strong natural phrases users would actually say ('creating interfaces,' 'customizing themes,' 'building forms,' 'dashboards'), but coverage stops short of synonyms/variations, so it sits above the midpoint but not fully comprehensive.

4 / 5

Distinctiveness Conflict Risk

Tightly niched to '@nuxt/ui v4' Vue components with distinct layout/form/theme triggers, making overlap with unrelated skills minimal.

5 / 5

Total

19

/

20

Passed

Validation

87%

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

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 13 deeper-than-1-level

Warning

referenced_paths_exist

Referenced path issues: 13 deeper-than-1-level

Warning

Total

14

/

16

Passed

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