Build polished, accessible Vue interfaces faster.
frontend design
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.
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
This skill
Nuxt UI MCP server
Reads component documentation
pnpm add @nuxt/ui tailwindcss
Installs Nuxt UI packages
The Nuxt UI MCP server enables component API details, documentation, examples, metadata, composable searches, and icon searches.