# Nuxt UI MCP server

> Look up Nuxt UI components, props, slots, examples, templates and docs pages from your AI assistant.

- Listing: https://mcp.tc/i/nuxt-ui
- Connect: use the server's own URL `https://ui.nuxt.com/mcp` (no sign-in); clients connect to it directly. The listing link is a page, not an MCP endpoint.
- Type: remote (Streamable HTTP)
- Auth: none
- Category: [Docs & Knowledge](https://mcp.tc/c/docs-knowledge)
- Vendor: Nuxt
- Homepage: <https://ui.nuxt.com/docs/getting-started/ai/mcp>

## About

Gives an assistant structured access to the Nuxt UI library. It can search components and composables, read component documentation, fetch props, slots and events, pull example source code, browse project templates, read the migration guide and search icons across Iconify collections.

It runs as a hosted streamable HTTP endpoint at https://ui.nuxt.com/mcp. No sign-in or API key is needed. An optional X-MCP-Tools header limits which tools are exposed. The server also offers three prompts and five discovery resources.

## What it can do

- Search Nuxt UI components by name, category or intent
- Get component docs, with optional section filtering
- Get compact props, slots and events metadata
- Read documentation pages by path or heading
- List and read UI example source code
- Browse project templates by framework
- Search Iconify icons in the Nuxt UI naming format
- Read the migration guide for the current version

## Tools (12)

- `get-component-metadata`: Get props, slots and events for a component; compact by default, full schemas optional. (read-only)
- `get-component`: Get component documentation, optionally limited to specific sections. (read-only)
- `get-documentation-page`: Read a documentation page by path, optionally only chosen h2 sections. (read-only)
- `get-example`: Get the source code of a UI example by name. (read-only)
- `get-migration-guide`: Get upgrade instructions for this version of Nuxt UI. (read-only)
- `get-template`: Get a template's description, framework, features and links. (read-only)
- `list-examples`: List the names of all available UI examples. (read-only)
- `list-templates`: List Nuxt UI templates, optionally filtered by framework. (read-only)
- `search-components`: Search components by name, category or intent, ranked by relevance. (read-only)
- `search-composables`: Search composables by name or description. (read-only)
- `search-documentation`: Search documentation pages by title, description or section. (read-only)
- `search-icons`: Search Iconify collections and return icon names as i-prefix-name. (read-only)

## Example prompts

- "Which Nuxt UI component should I use for a segmented control?"
- "Show the props and slots of the Nuxt UI Modal component."
- "List Nuxt UI templates and describe the dashboard one."
- "Find a lucide icon for settings in Nuxt UI format."

## Install

### Claude Code

1. Run this in a terminal, in your project folder:

```bash
claude mcp add --transport http nuxt-ui https://ui.nuxt.com/mcp
```

2. Start Claude Code and type `/mcp`. **nuxt-ui** should show as connected.

Add `--scope user` to make it available in every project, not just this one.

### Claude Desktop

1. Open **Settings → Connectors** and click **Add custom connector**.

2. Name it **Nuxt UI** and paste this URL:

```url
https://ui.nuxt.com/mcp
```

3. Click **Add**. Its tools appear in the chat’s tools menu.

Claude Desktop’s JSON config file only starts local servers. Remote servers go through Connectors, and connectors you add on claude.ai show up here too.

### claude.ai

1. Open the connector form on claude.ai. This button fills in the name and URL for you:

[Add to claude.ai](<https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Nuxt%20UI&connectorUrl=https%3A%2F%2Fui.nuxt.com%2Fmcp>) (opens connector settings)

2. Check that the URL reads `https://ui.nuxt.com/mcp` and click **Add**.

3. Turn it on in a chat from the tools menu.

Free plans allow one custom connector. On Team and Enterprise plans an owner adds it under **Organization settings → Connectors**.

### ChatGPT

1. On chatgpt.com, open **Settings → Security and login** and turn on **Developer mode**.

2. Go to `chatgpt.com/plugins` and click **+** to create an app for a remote MCP server.

3. Paste `https://ui.nuxt.com/mcp` as the server URL and choose **No authentication**.

Developer mode is available on the web for Plus, Pro, Business, Enterprise and Education accounts.

### Cursor

[Add to Cursor](<https://cursor.com/install-mcp?name=nuxt-ui&config=eyJ1cmwiOiJodHRwczovL3VpLm51eHQuY29tL21jcCJ9>) (opens Cursor)

Or add it by hand to `~/.cursor/mcp.json` (all projects) or `.cursor/mcp.json` (this project):

`mcp.json`:

```json
{
  "mcpServers": {
    "nuxt-ui": {
      "url": "https://ui.nuxt.com/mcp"
    }
  }
}
```

### VS Code

[Install in VS Code](<https://vscode.dev/redirect/mcp/install?name=nuxt-ui&config=%7B%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fui.nuxt.com%2Fmcp%22%7D>) (opens VS Code)

Or from a terminal:

```bash
code --add-mcp '{"name":"nuxt-ui","type":"http","url":"https://ui.nuxt.com/mcp"}'
```

Or commit it to the repo in `.vscode/mcp.json`:

`.vscode/mcp.json`:

```json
{
  "servers": {
    "nuxt-ui": {
      "type": "http",
      "url": "https://ui.nuxt.com/mcp"
    }
  }
}
```

### Devin Desktop

1. Add it to `~/.config/devin/mcp_config.json` (macOS and Linux) or `%APPDATA%\devin\mcp_config.json` (Windows):

`mcp_config.json`:

```json
{
  "mcpServers": {
    "nuxt-ui": {
      "serverUrl": "https://ui.nuxt.com/mcp"
    }
  }
}
```

2. Refresh the MCP server list in Cascade.

Devin Desktop is the new name for Windsurf. It reads `serverUrl` (or `url`) for remote servers.

### Codex

```bash
codex mcp add nuxt-ui --url https://ui.nuxt.com/mcp
```

Or edit `~/.codex/config.toml` directly:

`config.toml`:

```toml
[mcp_servers.nuxt-ui]
url = "https://ui.nuxt.com/mcp"
```

### Gemini CLI

```bash
gemini mcp add --transport http nuxt-ui https://ui.nuxt.com/mcp
```

This adds it to the current project. Add `-s user` to use it everywhere.

### Any client

Most clients accept this shape. Some name the URL field differently: `serverUrl` in Devin Desktop, `httpUrl` in Gemini CLI’s settings file.

```json
{
  "mcpServers": {
    "nuxt-ui": {
      "type": "http",
      "url": "https://ui.nuxt.com/mcp"
    }
  }
}
```

Zed puts servers under `context_servers` in its settings. Cline needs `"type": "streamableHttp"`, or it assumes SSE.

Client only starts local servers? Bridge it with `npx -y mcp-remote https://ui.nuxt.com/mcp`.

## Details

- Server version: 1.0.0
- MCP protocol version: 2025-11-25
- Last checked: 2026-10-03 (reachable)
- Listed: 2026-10-03
- Updated: 2026-10-04

---
Source: https://mcp.tc/i/nuxt-ui (mcp.tc is an independent directory, not affiliated with this server's publisher). Corrections: https://mcp.tc/report