nuxt-ui-v4

Nuxt UI v4 component library for building Nuxt v4 applications. 125+ accessible components with Tailwind v4, Reka UI, dark mode, theming. Use for dashboards, forms, overlays, editors, page layouts, pricing pages, or encountering component, theming, or TypeScript errors.

Invalid

This skill can't be scored yet

Validation errors are blocking scoring. Review and fix them to unlock Quality, Impact and Security scores. See what needs fixing →

Evaluation results

100%

95%

Build an AI Customer Support Chat Widget

AI chat interface setup

Criteria

Without context

With context

AI SDK dependencies

100%

Chat class usage

100%

getTextFromMessage import

100%

UChatMessages status prop

100%

ChatPromptSubmit status

100%

Stop handler

100%

Regenerate handler

100%

Server API uses streamText

50%

100%

convertToModelMessages

100%

gateway model

100%

UApp wrapper

100%

CSS import order

100%

78%

Set Up an Admin Dashboard for a Project Management Tool

Dashboard layout and app configuration

Criteria

Without context

With context

UApp wrapper

100%

CSS import order

100%

colorMode config

100%

DashboardGroup root

100%

DashboardSidebar and Panel

100%

NavigationMenu in sidebar

100%

Mobile sidebar toggle

100%

Desktop sidebar collapse

100%

DashboardSearch component

100%

DashboardSearchButton

100%

Semantic colors

100%

Nuxt UI module registered

100%

94%

Build an Event Booking Form for a Conference Platform

Form validation with date and time inputs

Criteria

Without context

With context

@internationalized/date install

100%

CalendarDate type for InputDate

100%

Time type for InputTime

100%

Zod schema validation

100%

Zod custom validator for dates

100%

Nested form prop

100%

UFormField name binding

100%

UApp wrapper

100%

CSS import order

100%

Form state is reactive

100%

Nuxt UI module registered

100%

Semantic colors in form

100%

Template refs direct access

100%

Repository: secondsky/claude-skills
Commit: 90d6bd7

Evaluated: 29 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Build an AI Customer Support Chat Widget Set Up an Admin Dashboard for a Project Management Tool Build an Event Booking Form for a Conference Platform

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.