Does it support custom themes?

Yes, it provides specific guidance on customizing semantic colors, CSS variables, and component variants within the Tailwind v4 ecosystem.

How does it handle form validation?

The skill includes comprehensive patterns for building forms using the UForm component integrated with Zod or Valibot schema validation.

Can I use this for standard Vue projects without Nuxt?

While many patterns apply to Vue 3, this skill is specifically tailored for Nuxt environments, including features like the UApp wrapper and Nuxt module options.

Does this skill work with older versions of Nuxt UI?

This skill is specifically optimized for Nuxt UI v4 and Nuxt 4+ utilizing Tailwind CSS v4 and Tailwind Variants.

Do I need to install @nuxt/ui separately?

Yes, this skill provides guidance on installation and configuration, but the @nuxt/ui library must be added to your project dependencies.

Nuxt UI v4 Framework

Name: Nuxt UI v4 Framework
Author: onmax

byonmax

•

디자인 도구

Builds and styles modern web interfaces using the Nuxt UI v4 component library with Tailwind CSS v4.

소개

This skill provides specialized guidance for implementing Nuxt UI v4, a comprehensive component library built on Reka UI and Tailwind CSS. It enables Claude to efficiently configure the UApp wrapper, customize semantic themes using Tailwind Variants, and implement over 120 accessible components ranging from complex forms with Zod validation to interactive overlays like modals and toasts. It is an essential tool for developers building Vue 3 or Nuxt 4+ applications who require production-ready UI patterns and type-safe styling conventions.

주요 기능

Native accessibility patterns through Reka UI headless primitives
12 GitHub stars
Integrated form validation patterns using Zod and Valibot
Interactive overlay management for toasts, drawers, and command palettes
Access to over 120 pre-styled UI components including Tables, Forms, and Modals
Advanced theming support via Tailwind CSS v4 and CSS variables

사용 사례

Implementing complex data tables and multi-step forms with built-in validation logic
Rapidly scaffolding Nuxt 4+ application layouts with a consistent design system
Customizing brand colors and component variants using Tailwind CSS v4 configuration

소개

주요 기능

Native accessibility patterns through Reka UI headless primitives
12 GitHub stars
Integrated form validation patterns using Zod and Valibot
Interactive overlay management for toasts, drawers, and command palettes
Access to over 120 pre-styled UI components including Tables, Forms, and Modals
Advanced theming support via Tailwind CSS v4 and CSS variables

사용 사례

Implementing complex data tables and multi-step forms with built-in validation logic
Rapidly scaffolding Nuxt 4+ application layouts with a consistent design system
Customizing brand colors and component variants using Tailwind CSS v4 configuration