skills.rest
Kurrawong
KurrawongOFFICIAL
Explore all skills by this author →
WebsiteGitHub

nuxt-ui

Provide pre-built Vue components for Nuxt 4 applications with Tailwind CSS v4.

1|1|Updated Feb 2, 2026
Search Tags:#ui#frontend#components#vue#tailwind#nuxt
One-click install
npx skills add https://github.com/Kurrawong/prez-lite --skill nuxt-ui-kurrawong
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-ui
Source: https://github.com/Kurrawong/prez-lite/tree/main/.claude/skills/nuxt-ui
Command: npx skills add https://github.com/Kurrawong/prez-lite --skill nuxt-ui-kurrawong

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of pre-built, customizable UI components for Nuxt 4 applications, significantly accelerating the development of user interfaces with a consistent and modern design system.

Core Features & Use Cases

  • Component Library: Access over 100+ Vue components (Buttons, Forms, Modals, Tables, etc.) built on Reka UI and Tailwind CSS.
  • Theming & Customization: Easily customize colors, variants, and styles using Tailwind Variants and app.config.ts.
  • Use Case: Quickly scaffold a dashboard interface by leveraging components like UDashboardSidebar, UDashboardNavbar, and UCard for content display, all while maintaining a cohesive design language.

Quick Start

Install the @nuxt/ui module and wrap your application with the UApp component.

Frequently Asked Questions about nuxt-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a UI with Nuxt and Tailwind CSS?▼

Build a UI with Nuxt and Tailwind by installing the module and wrapping your application with the UApp component to access pre-built Vue components for rapid interface development.

Does this component library support Nuxt 4 and Tailwind CSS v4?▼

Yes, the component library supports Nuxt 4 and Tailwind CSS v4, leveraging Reka UI for headless primitives to provide a modern, customizable design system.

How do I customize theming for Vue components in a Nuxt application?▼

Customize Vue component theming in a Nuxt application by modifying colors and variants using Tailwind Variants and the app.config.ts file to maintain a cohesive design language.

Can I manage overlays and forms with validation using this Nuxt UI library?▼

Yes, you can manage overlays using provided composables and handle forms with validation, utilizing over 100 pre-built Vue components like Modals and Tables for interface scaffolding.

What is the best way to scaffold a dashboard interface in Nuxt?▼

The best way to scaffold a dashboard interface in Nuxt is using pre-built components like UDashboardSidebar, UDashboardNavbar, and UCard to quickly structure content with a consistent design.

Related Skills

Explore More Software Engineering Skills→
skaile-aiskaile-ai

prog-expert-scadcn

Configure shadcn-nuxt with components.json registry and Tailwind CSS v4 in Nuxt projects.

Official
Advanced
Selfdb-ioSelfdb-io

api-routes

Implement Expo Router API routes with TypeScript endpoints and EAS Hosting deployment.

Community
Intermediate
onmaxonmax
697

reka-ui

Build Vue 3 components with Reka UI headless primitives and WAI-ARIA compliance.

Community
Intermediate
vito1317vito1317

nuxt-ui

Standardize Nuxt project UI development with Nuxt UI v4 components.

Community
Advanced