What does the MCP integration provide?

The Model Context Protocol (MCP) server gives Claude live, read-only access to the latest component data, templates, and documentation directly from Nuxt UI.

Can I use this for non-Nuxt Vue projects?

This skill is optimized specifically for the Nuxt v4 ecosystem; while many components are Vue-based, the module system and directory structure are Nuxt-specific.

Does it help with upgrading from Nuxt UI v2 or v3?

Yes, it includes a dedicated migration assistant agent and the /nuxt-ui:migrate command to help automate the transition to version 4.

Does this skill support Tailwind CSS v3?

No, Nuxt UI v4 is specifically designed for Tailwind CSS v4 and Nuxt v4 projects. For older versions, standard Nuxt 3 patterns should be used.

Are the components accessible?

Yes, all 125+ components are built using Reka UI to ensure they meet high accessibility standards and include proper ARIA attributes by default.

Nuxt UI v4

Name: Nuxt UI v4
Author: secondsky

bysecondsky

•

Design Tools

Builds production-grade Nuxt v4 applications using a comprehensive suite of 125+ accessible components powered by Tailwind CSS v4.

About

This skill provides a complete toolkit for building modern web applications with Nuxt v4, offering over 125 accessible components ranging from complex admin dashboards and AI chat interfaces to rich text editors and landing pages. It simplifies the development process by integrating Tailwind CSS v4 and Reka UI while providing specialized guidance on theming, common error resolution, and seamless migration from previous versions, all enhanced by a live MCP server for real-time component data and AI-assisted troubleshooting.

Key Features

Native support for Tailwind CSS v4 and Nuxt v4 framework patterns
Built-in AI SDK v5 integration for rapid conversational interface development
Automated migration tools and command-based scaffolding for project setup
11 GitHub stars
Official MCP server integration for live access to component metadata and documentation
125+ accessible components including specialized Dashboard, Chat, and Editor modules

Use Cases

Creating AI-powered chat applications with streaming capabilities and message history
Building enterprise-grade admin dashboards with responsive sidebars and state management
Designing high-conversion marketing landing pages and SaaS pricing tables

About

Key Features

Native support for Tailwind CSS v4 and Nuxt v4 framework patterns
Built-in AI SDK v5 integration for rapid conversational interface development
Automated migration tools and command-based scaffolding for project setup
11 GitHub stars
Official MCP server integration for live access to component metadata and documentation
125+ accessible components including specialized Dashboard, Chat, and Editor modules

Use Cases

Creating AI-powered chat applications with streaming capabilities and message history
Building enterprise-grade admin dashboards with responsive sidebars and state management
Designing high-conversion marketing landing pages and SaaS pricing tables