CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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.

Quality

86%

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

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.

The body is a lean, highly actionable overview with excellent progressive disclosure — every link resolves to a real one-level-deep reference file, and the routing table makes navigation trivial. The small deductions are for trimmable installation boilerplate and the absence of explicit verification checkpoints in the workflow.

DimensionReasoningScore

Conciseness

Efficient and information-dense — terse core rules, no explanations of concepts Claude already knows, and copy-paste configs. Minor trimmable content keeps it below 5: the Vue main.ts router boilerplate is unrelated to @nuxt/ui setup, and full installation for two frameworks sits at the edge of what belongs inline.

4 / 5

Actionability

Fully executable throughout: copy-paste MCP configuration and `claude mcp add` command, complete install blocks with exact file paths (`.nuxt/ui/<component>.ts`), runnable CSS imports and UApp templates, and a task-to-reference routing table. Covers the common cases without gaps.

5 / 5

Workflow Clarity

The dispatch workflow is clear and sequenced — "load the relevant reference files before writing any code", a routing table mapping tasks to references, and an explicit MCP escalation path for API questions. Below 5 because there are no explicit validation/verification checkpoints, though none are strictly required since the skill involves no destructive or batch operations.

4 / 5

Progressive Disclosure

Exemplary structure: the body is a concise overview, all 14 referenced files exist in the bundle exactly as linked, references are one level deep (verified: no reference file points to another), organized into labeled categories with one-line descriptions, plus a routing table for navigation.

5 / 5

Total

18

/

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.

A strong description with a clear what, an explicit 'Use when' clause, natural trigger phrases, and a well-defined niche anchored to a specific library and version. The only weaknesses are minor: slightly incomplete action coverage and a few missing common synonyms in the trigger terms.

DimensionReasoningScore

Specificity

Lists several concrete actions ("creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces") tied to a named library and version. Falls short of 5 because coverage has minor gaps — no mention of tables, modals/overlays, or navigation, which are core capabilities of a 125+ component library.

4 / 5

Completeness

Explicitly answers both: what ("Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming") and when ("Use when creating interfaces... building forms... composing layouts"). This mirrors the 5-anchor structure of concrete what + explicit 'Use when' trigger phrases.

5 / 5

Trigger Term Quality

Good keyword coverage with natural user phrases like "customizing themes to match a brand", "building forms", "dashboards", and "chat interfaces". A few natural terms are missing (e.g., "components", "modal", "table", "sidebar"), keeping it below the comprehensive-synonym coverage of a 5.

4 / 5

Distinctiveness Conflict Risk

Naming "@nuxt/ui v4", "Vue components", and "Tailwind CSS theming" establishes a clear niche. Minor overlap risk remains because broad triggers like "creating interfaces" and "building forms" could also match generic web-UI or form-library skills, so it is not a 5.

4 / 5

Total

17

/

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.

Validation — 14 / 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

onmax/nuxt-skills

Path

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