Can I use this skill for form validation?

Yes, it includes specific guidance for building forms using UForm with Zod or Valibot schema validation.

Does this skill support Nuxt UI v4?

No, this skill is specifically tuned for v3.3.2. You should use the 'nuxt-ui' skill for projects using version 4.

Why is the UApp wrapper necessary?

In Nuxt UI v3, the UApp component is a required root wrapper that provides the necessary context for Toasts, Tooltips, and other overlay components to function correctly.

What styling engine does this skill use?

It focuses on Tailwind CSS v4 and Tailwind Variants, which allow for high-performance, type-safe component styling.

How do I pass data to a USelect component in v3?

A critical change in v3 is the use of the 'items' prop. Using 'options' will not work for populating dropdown data.

Nuxt UI v3 Design System

Name: Nuxt UI v3 Design System
Author: WYNDFURY

byWYNDFURY

0•

デザインツール

Builds accessible, Tailwind-powered Nuxt 3 interfaces using the latest Nuxt UI v3 components and patterns.

This skill provides specialized guidance for implementing Nuxt UI v3, a robust component library built on Reka UI and Tailwind CSS v4. It helps developers correctly configure the required UApp wrapper, implement complex components like UTable and UForm, and apply Tailwind Variants for type-safe styling. By enforcing version-specific syntax—such as the mandatory 'items' prop for selects and 'data' prop for tables—it ensures production-ready frontend code that follows official Nuxt best practices.

主な機能

010 GitHub stars

02Configuration guidance for the mandatory UApp root wrapper

03Tailwind CSS v4 and Tailwind Variants integration for type-safe styling

04Form building with integrated Zod and Valibot validation patterns

05Headless accessibility patterns powered by Reka UI primitives

06Management of overlay systems including Modals, Toasts, and Slideovers

ユースケース

01Scaffolding modern Nuxt 3 dashboards with standardized UI components

02Customizing design systems with semantic colors and component variants

03Implementing complex data tables using TanStack Table v8 integration

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add wyndfury/pensee_boheme_front nuxt-ui-v3

For use in Claude.ai and ChatGPT

Download Skill