skills.rest
asonnleitner
asonnleitnerCOMMUNITY
Explore all skills by this author →
GitHub

nuxt-ui-v4

Provide 125+ accessible UI components for Nuxt v4 applications.

Updated Aug 23, 2026
Search Tags:#accessibility#design system#vue#tailwind css#frontend development#ui components#nuxt
One-click install
npx skills add https://github.com/asonnleitner/filipsbarbershop --skill nuxt-ui-v4
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-ui-v4
Source: https://github.com/asonnleitner/filipsbarbershop/tree/main/.claude/skills/nuxt-ui-v4
Command: npx skills add https://github.com/asonnleitner/filipsbarbershop --skill nuxt-ui-v4

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive library of 125+ pre-built, accessible UI components for Nuxt v4 applications, drastically speeding up development and ensuring a consistent, high-quality user interface.

Core Features & Use Cases

  • Rapid UI Development: Utilize ready-made components for dashboards, forms, navigation, overlays, and more.
  • Theming & Customization: Easily theme components with Tailwind CSS v4 and semantic color systems.
  • Error Handling: Quickly diagnose and fix common Nuxt UI errors with detailed solutions.
  • Use Case: Building a new Nuxt v4 dashboard? Use the UDashboardPanel for content, UNavigationMenu for sidebar navigation, and UCommandPalette for quick search, all styled and functional out-of-the-box. Encountering a CSS import order issue? The COMMON_ERRORS_DETAILED.md reference provides an immediate fix.

Quick Start

Install the Nuxt UI library into your project using your preferred package manager.

Frequently Asked Questions about nuxt-ui-v4

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

FAQPage Schema
How do I build accessible UI components for a Nuxt v4 application?▼

You can build accessible Nuxt v4 applications using a library of over 125 pre-built UI elements covering dashboards, forms, navigation, and overlays, ensuring a high-quality user interface.

Does Nuxt UI v4 work with Tailwind CSS v4 for theming?▼

Yes, Nuxt UI v4 works with Tailwind CSS v4 for theming. You can easily theme components using Tailwind CSS v4 and semantic color systems to customize your application's visual design.

How do I fix common CSS import order errors in Nuxt UI?▼

Fix common Nuxt UI CSS import order errors by consulting the detailed solutions reference. This documentation provides immediate fixes for common errors encountered during component integration.

Can I integrate AI SDK v5 chat components into my Vue frontend?▼

Yes, you can integrate AI SDK v5 chat components into your Vue frontend. The library supports AI SDK v5 for chat components and TipTap for building rich text editor components.

What is the best way to add a command palette for search in Nuxt?▼

The best way to add a command palette for search in Nuxt is using the built-in search component. It provides quick search functionality out-of-the-box alongside dashboard and navigation elements.

Related Skills

Explore More Software Engineering Skills→
DyreanDyrean

nuxt-ui

Implement Nuxt UI v4 components and theming in Vue 3 and Nuxt 4+ projects.

Community
Intermediate
bobmatnycbobmatnyc
68

vercel-deployments-builds

Manage Vercel deployment lifecycle with build configurations and rollback mechanisms.

Community
Intermediate
jd-solankijd-solanki

ui-guidelines

Guide Nuxt UI component implementation with token-based theming and ARIA practices.

Community
Basic
AI-Foundry-CoreAI-Foundry-Core
4

web-component-design

Standardizes UI component patterns across React, Vue, and Svelte for design systems.

Official
Advanced