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.

A well-engineered reference skill: executable, framework-aware setup and usage code with a clean progressive-disclosure architecture that keeps the body an overview and verifiably holds detail in one-level-deep bundle files. The only slack is mild token padding (the templates link table, router boilerplate) and the absence of any verify-your-setup step.

DimensionReasoningScore

Conciseness

The body is dense with executable code and avoids explaining concepts Claude already knows (no 'what is Vue' padding), with key one-line rules like the semantic-utility mandate. Minor trimmable padding keeps it below 5: the 13-row external templates link table and the full createRouter boilerplate in the Vue main.ts setup add tokens without adding guidance.

4 / 5

Actionability

Copy-paste-ready, complete code throughout: install commands, nuxt.config/vite.config/main.ts/css setup for both Nuxt and Vue, a full form-validation example, and concrete component usage for icons, theming overrides, composables, and overlays. The examples cover the common cases exactly as the top anchor requires.

5 / 5

Workflow Clarity

The install path is clearly sequenced (package install → config → CSS import → UApp wrapper, with the 'UApp is required' checkpoint flagged) and routing tables map each use case to the right reference. Not 5 because there are no verification steps (e.g., confirming the dev server renders) — acceptable here since nothing is destructive or batch, but the sequence stops short of explicit checkpoints.

4 / 5

Progressive Disclosure

Textbook structure: an overview body with well-signaled, one-level-deep references — all referenced files (theming.md, components.md, composables.md, layouts/*.md) exist and none link onward to further files. Navigation is explicit, including a use-case table for layouts and the instruction to load references based on task, 'do not load all at once'.

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: it clearly states what the skill does and gives an explicit, well-phrased 'Use when' clause with concrete trigger scenarios users would naturally say. The only gaps are a few missing synonyms and slightly broad 'creating interfaces' as a trigger.

DimensionReasoningScore

Specificity

"Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming" names the domain and several concrete capability areas ("customizing themes to match a brand", "building forms", "composing layouts like dashboards, docs sites, and chat interfaces"). Not 5 because it omits other concrete capabilities the skill covers (overlays, icons, composables); not 3 because it lists well more than 1-2 specific actions.

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, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces") with concrete trigger phrases — a direct match for the top anchor.

5 / 5

Trigger Term Quality

Natural trigger phrases users would say are well covered: "creating interfaces", "customizing themes to match a brand", "building forms", "dashboards", "docs sites", "chat interfaces". A few natural terms are missing (e.g., "frontend", "landing page", "UI components", "design system"), which keeps it below the comprehensive-synonym anchor at 5.

4 / 5

Distinctiveness Conflict Risk

Naming the specific library "@nuxt/ui v4" and its stack (Vue, Tailwind CSS) gives it a clear niche with minimal conflict risk. Slightly below 5 because the broad trigger "creating interfaces" could fire for any frontend/UI task where Nuxt UI is not in play — minor overlap with generic frontend skills, matching the 'mostly distinct' anchor.

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: 5 deeper-than-1-level

Warning

referenced_paths_exist

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

Warning

Total

14

/

16

Passed

Repository

CRISOMG/yourfocus

Path

.antigravity/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.