Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@MCP Serverexplain the routing structure in my Nuxt app"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
nuxt-mcp-dev / vite-plugin-mcp
MCP server helping models to understand your local Vite/Nuxt app better.
This monorepo contains two packages:
nuxt-mcp-dev- A Nuxt module for adding MCP support to your Nuxt dev server.vite-plugin-mcp- A Vite plugin for adding MCP support to your Vite app.
Experimental. Use with caution.
To build a MCP server for your Nuxt application, checkout the @nuxtjs/mcp-toolkit module.
To add the Nuxt documentation MCP server, checkout https://nuxt.com/docs/4.x/guide/ai/mcp
Sponsors
Related MCP server: Codebase MCP
License
MIT License © Anthony Fu