nuxt-mcp / vite-plugin-mcp

MCP server helping models to understand your Vite/Nuxt app better.

Catalog onlyCatalog onlySTDIO

Overview

nuxt-mcp is a server that helps models understand your Vite/Nuxt applications better, providing support for integrating MCP (Model-Context-Plugin) functionality into your projects.

To use nuxt-mcp, you can install the package via npm and integrate it into your Nuxt or Vite application by following the documentation provided in the repository.

Provides a Nuxt module for adding MCP support to Nuxt applications. - Offers a Vite plugin for adding MCP support to Vite applications. - Experimental features aimed at enhancing model understanding of applications.

Enhancing the interaction of AI models with web applications built on Nuxt.
Improving the performance of Vite applications by integrating model context.
Assisting developers in building smarter applications that leverage AI capabilities.

Add to your AI client

Use these steps to connect nuxt-mcp / vite-plugin-mcp in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "nuxt-mcp-antfu": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-nuxt-mcp-antfu"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "nuxt-mcp-antfu": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-nuxt-mcp-antfu"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "nuxt-mcp-antfu": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-nuxt-mcp-antfu"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "nuxt-mcp-antfu": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-nuxt-mcp-antfu"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "nuxt-mcp-antfu": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-nuxt-mcp-antfu"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "nuxt-mcp-antfu": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-nuxt-mcp-antfu"
      ]
    }
  }
}

FAQ

Is nuxt-mcp ready for production?

No, nuxt-mcp is currently experimental and not recommended for production use.

What technologies does nuxt-mcp support?

nuxt-mcp supports both Nuxt and Vite frameworks for web development.

How can I contribute to nuxt-mcp?

You can contribute by submitting issues or pull requests on the GitHub repository.

Developer tools