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

90%

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

The canonical home for this skill is nuxt-ui in onmax/nuxt-skills

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.

Excellent content structure: executable code for every install path, a routing table that makes the reference bundle easy to navigate, and verified one-level-deep progressive disclosure. The only improvements are trimming generic Vue boilerplate and adding an explicit validation step (e.g., verify a component's slots via the generated theme file or MCP before finalizing).

Suggestions

Trim the Vue main.ts example to only the skill-specific lines (css import, vue-plugin registration, UApp wrapper) and drop generic createRouter/routes boilerplate Claude already knows.

Add an explicit validation checkpoint to the workflow, e.g. 'Before finalizing a component use, confirm its slot names via the generated theme file (.nuxt/ui/<component>.ts) or MCP get-component-metadata'.

Cut the meta sentence 'This skill teaches you when to use which component and how to build well' — the MCP section already implies the division of labor.

DimensionReasoningScore

Conciseness

The body is directive-driven (core rules, routing table, executable install snippets) with no conceptual padding, but the Vue 'main.ts' example includes generic Vue router boilerplate Claude already knows and the meta line 'This skill teaches you when to use which component' could be trimmed — minor over-explanation consistent with the 4 anchor.

4 / 5

Actionability

Fully copy-paste ready throughout: exact install commands, complete nuxt.config.ts / vite.config.ts / main.ts / CSS / App.vue files, MCP setup JSON and CLI command, concrete theme-file paths (.nuxt/ui/<component>.ts), and the i-{collection}-{name} icon format — matching the fully-executable top anchor.

5 / 5

Workflow Clarity

A clear, coherent sequence (install → wrap in UApp → semantic colors → MCP for API details → routing table loads references 'before writing any code') with an implicit checkpoint ('Read generated theme files for slot names'), but no explicit validate-and-recover steps — matching the 4 anchor's 'most checkpoints present; minor validation gaps'. No destructive/batch cap applies.

4 / 5

Progressive Disclosure

A clean overview with one-level-deep references, all 14 cited paths verified to exist, organized into guidelines/layouts/recipes groups plus a components quick reference, and a task→reference routing table; cross-links among reference files are peer-level rather than nested chains, matching the top anchor.

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 description: concrete capabilities, explicit use-when triggers, and a specific library identity that makes it highly distinguishable. Trigger-term coverage is good but could add a few more natural synonyms users say (e.g., 'landing page', 'admin panel').

DimensionReasoningScore

Specificity

Lists multiple concrete actions with named examples — 'Build UIs with @nuxt/ui v4', '125+ accessible Vue components', 'creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces' — covering the library's full purpose with only concrete language.

5 / 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, customizing themes to match a brand, building forms, or composing layouts…') with concrete trigger phrases, matching the top anchor exactly.

5 / 5

Trigger Term Quality

Natural phrases users would say are present ('creating interfaces', 'customizing themes to match a brand', 'building forms', 'dashboards, docs sites, and chat interfaces'), but common variations like 'landing page', 'admin panel', or 'component library' are missing, matching the good-coverage-with-few-gaps anchor rather than comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

Pinned to a named library and version ('@nuxt/ui v4', 'Vue components'), giving a clear niche with distinct triggers and minimal conflict risk with other UI or CSS skills.

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.

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

nuxt/ui

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.