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.

主要功能

01Native accessibility patterns through Reka UI headless primitives

0212 GitHub stars

03Integrated form validation patterns using Zod and Valibot

04Interactive overlay management for toasts, drawers, and command palettes

05Access to over 120 pre-styled UI components including Tables, Forms, and Modals

06Advanced theming support via Tailwind CSS v4 and CSS variables

使用场景

01Implementing complex data tables and multi-step forms with built-in validation logic

02Rapidly scaffolding Nuxt 4+ application layouts with a consistent design system

03Customizing brand colors and component variants using Tailwind CSS v4 configuration

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add onmax/nuxt-skills nuxt-ui

For use in Claude.ai and ChatGPT