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.
Key Features
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
Use Cases
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
