Nuxt MCP

Nuxt MCP is an MCP server that connects AI models to local Vite and Nuxt development environments. Created by Anthony Fu, the project allows developers building modern web applications with Nuxt and Vite to provide large language models and coding assistants with direct context about their running applications. The monorepo provides two main integration points: the nuxt-mcp-dev Nuxt module, which embeds MCP server functionality directly into the Nuxt development server, and the vite-plugin-mcp plugin, which brings Model Context Protocol support to generic Vite applications. Web developers and software engineers use this server to improve the accuracy of AI coding tools when debugging, inspecting components, analyzing build states, or refactoring frontend code. By making local application state and structure accessible through standardized MCP interfaces, it reduces the need for manual copy-pasting of project context and configuration details into chat windows while working inside AI-assisted programming workflows.

Category: Cloud & Infrastructure

Tags: framework, nuxt, vite, web-development

Visit Nuxt MCP

How to install and configure Nuxt MCP

1. Review the official instructions and package documentation on the Nuxt MCP GitHub repository. 2. Install either nuxt-mcp-dev for a Nuxt project or vite-plugin-mcp for a Vite project using your package manager. 3. Add the module to your Nuxt configuration file (nuxt.config.ts) or include the plugin in your Vite configuration (vite.config.ts). 4. Start your local development server to run the integrated MCP endpoint. 5. Follow the setup directions in the repository README to connect your preferred MCP client, such as Claude Desktop or Cursor, to your local dev server instance.

What you can do with Nuxt MCP

• Exposing local Vite application context to AI assistants to streamline component debugging and state inspection. * Providing Nuxt runtime configuration and development server details directly to coding agents during local development sessions. * Assisting AI models in navigating complex Nuxt file structures, route hierarchies, and composable functions accurately. * Enhancing code refactoring workflows by letting AI clients query live build dependencies inside a Vite workspace. * Integrating local dev server data into MCP-compatible editors to reduce manual code context sharing.

Key facts

• Open Source
• https://github.com/antfu/nuxt-mcp
• Cloud & Infrastructure, Developer Tools & Code Intelligence
• framework, nuxt, vite, web-development

Part of MCP Servers

What is Nuxt MCP?

Nuxt MCP is an open source Model Context Protocol implementation for Nuxt and Vite development environments. It helps language models and AI coding tools better understand your running application by exposing local development context directly to MCP clients.

What packages are included in Nuxt MCP?

The monorepo contains two primary packages: nuxt-mcp-dev, which is a dedicated Nuxt module for embedding MCP support into the Nuxt dev server, and vite-plugin-mcp, which is a plugin designed to add MCP capabilities to any Vite application.

Is Nuxt MCP open source?

Yes, Nuxt MCP is open source software created by Anthony Fu. It is published under the permissive MIT license and hosted publicly on GitHub.

Is Nuxt MCP ready for production use?

According to the repository documentation, Nuxt MCP is currently experimental and developers are advised to use it with caution while it is under active development.