Nuxt UI
Builds Vue interfaces from 125 accessible Nuxt UI components and themes.
Install
npx skills add nuxt/ui --skill nuxt-ui -g -a claude-code -y- Repository
- nuxt/ui7k
- Category
- Design
- Updated
- 3d ago
- License
- MIT
- Context cost
- Mediumabout 1,516 tokens
- Runs scripts
- No, instructions only
What it does
Build UIs with @nuxt/ui v4, 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.
Nuxt UI
Vue component library built on Reka UI + Tailwind CSS + Tailwind Variants. Works with Nuxt, Vue (Vite), Laravel (Vite + Inertia), and AdonisJS (Vite + Inertia).
MCP Server
For component API details (props, slots, events, full documentation, examples), use the Nuxt UI MCP server. If not already configured, add it:
Cursor, .cursor/mcp.json:
{ "mcpServers": { "nuxt-ui": { "type": "http", "url": "https://ui.nuxt.com/mcp" } } }
Claude Code:
claude mcp add --transport http nuxt-ui https://ui.nuxt.com/mcp
Key MCP tools:
search-components, find components by name, category, or intent (no params = list all)search-composables, find composables by name or description (no params = list all)search-icons, search Iconify icons (defaults tolucide), returnsi-{prefix}-{name}namesget-component, full component documentation with usage examplesget-component-metadata, props, slots, events (lightweight, no docs content)get-example, real-world code examples
When you need to know what a component accepts or how its API works, use the MCP. This skill teaches you when to use which component and how to build well.
