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.

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

01Native support for Tailwind CSS v4 and Nuxt v4 framework patterns

02Built-in AI SDK v5 integration for rapid conversational interface development

03Automated migration tools and command-based scaffolding for project setup

0411 GitHub stars

05Official MCP server integration for live access to component metadata and documentation

06125+ accessible components including specialized Dashboard, Chat, and Editor modules

Use Cases

01Creating AI-powered chat applications with streaming capabilities and message history

02Building enterprise-grade admin dashboards with responsive sidebars and state management

03Designing high-conversion marketing landing pages and SaaS pricing tables

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills nuxt-ui-v4

For use in Claude.ai and ChatGPT

Download Skill