Lightlines
By nuxt

nuxt-ui

nuxt

Build polished, accessible Vue interfaces faster.

frontend design

What it does

Build interfaces with @nuxt/ui using accessible Vue components, Tailwind CSS theming, forms, and layout patterns.

When to use it

Use it when creating interfaces, customizing themes, building forms, or composing dashboards, documentation sites, and chat interfaces.

How to use it

It changes how the agent builds Nuxt UI interfaces by enforcing root wrappers, semantic colors, generated-theme inspection, override priorities, and icon conventions.

What you provide

  • An existing project

Uses


Access · 2

This skill

Nuxt UI MCP server

Read

Reads component documentation

pnpm add @nuxt/ui tailwindcss

Execute

Installs Nuxt UI packages

What you need · 1

The Nuxt UI MCP server enables component API details, documentation, examples, metadata, composable searches, and icon searches.


About this skill

Visibility
Public
Repository
nuxt/ui
Created
Oct 8, 2026
Updated
Oct 8, 2026
Files
15