Nuxt Ui V4

Name: Nuxt Ui V4
Author: secondsky

🌐Community

by secondsky · vlatest · Repository

Helps with Nuxt, UI components as part of building frontend UIs and user experiences workflows.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

Run in terminal (recommended)

terminal

claude mcp add nuxt-ui-v4 npx -- -y @trustedskills/nuxt-ui-v4

Or manually add to ~/.claude/settings.json

~/.claude/settings.json

{
  "mcpServers": {
    "nuxt-ui-v4": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/nuxt-ui-v4"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This skill provides access to Nuxt UI v4, a comprehensive component library designed for building user interfaces with Nuxt. It includes over 125 accessible components built with Tailwind CSS v4 and Reka UI accessibility features, alongside first-class AI integration. The skill supports both Nuxt and plain Vue applications (using Vite). It also provides an MCP server for live component data, enabling tool integrations within the AI agent workflow.

When to use it

This skill is helpful when:

Building Nuxt v4 dashboards or admin panels.
Creating AI chat interfaces.
Developing landing pages, forms, pricing pages, blogs, or documentation sites using Nuxt UI components.
Working on Vue-only projects with Vite.

Key capabilities

Provides access to 125+ accessible UI components.
Utilizes Tailwind CSS v4 for styling.
Integrates Reka UI accessibility features.
Offers first-class AI integration.
Includes a Nuxt UI MCP server for live component data.
Supports Nuxt and plain Vue applications (Vite).
Provides starter templates for dashboards, AI chat interfaces, landing pages, SaaS projects, documentation sites, portfolios, changelogs, and rich text editors.

Example prompts

"/nuxt-ui-v4:setup" - To set up a new Nuxt UI v4 project.
"/nuxt-ui:migrate" - To migrate an existing project to Nuxt UI v4.
"/nuxt-ui:theme" - To customize the theme of your Nuxt UI v4 application.
"/nuxt-ui:component" - To explore available components and their usage.

Tips & gotchas

This skill is compatible with Nuxt v4 and Vue projects using Vite, but not with Nuxt 3 or earlier versions, or React projects.
Ensure Tailwind CSS v4 is installed for proper styling.
Refer to the dashboard-components.md file for complete dashboard patterns and usage examples.

View Repository →

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust Hub	Pass
Socket	Pass
Snyk	Pass

Details

Version: vlatest
License
Author: secondsky
Installs: 43

Repository (canonical source) →

🌐 Community

Passed automated security scans.