mcp-toolkit

 [](https://mcp-toolkit.nuxt.dev/mcp/deeplink) [](https://mcp-toolkit.nuxt.dev/mcp/deeplink?ide=vscode) # Nuxt MCP Toolkit <!-- automd:badges color="black" license name="@nuxtjs/mcp-toolkit" --> [](https://npmjs.com/package/@nuxtjs/mcp-toolkit) [](https://npm.chart.dev/@nuxtjs/mcp-toolkit) [](https://github.com/nuxt-modules/mcp-toolkit/blob/main/LICENSE) <!-- /automd --> A Nuxt module to easily create a [Model Context Protocol (MCP)](https://modelcontextprotocol.io) server directly in your Nuxt application. Define MCP tools, resources, and prompts with zero configuration - just create files and they're automatically discovered and registered. ## ✨ Features <!-- automd:file src=".github/snippets/features.md" --> - 🎯 **Zero Configuration** - Automatic discovery of tools, resources, prompts, and apps - 📦 **File-based** - Organize definitions in intuitive directory structures - 🚀 **Multiple Handlers** - Create multiple MCP endpoints in a single app - 🖼️ **MCP Apps** - Ship interactive Vue UI widgets to MCP Apps-compatible hosts - 🔍 **Built-in Inspector** - Visual debugging tool in Nuxt DevTools - 📝 **TypeScript First** - Full type safety with auto-imports - 🔒 **Zod Validation** - Built-in input/output validation <!-- /automd --> ## 🧩 Agent Skills Nuxt MCP Toolkit provides [Agent Skills](https://agentskills.io/) to help AI coding assistants build and manage MCP servers in your Nuxt application. ### Installation Install the skill from the published documentation site ([Docus Agent Skills](https://docus.dev/en/ai/skills)): ```bash npx skills add https://mcp-toolkit.nuxt.dev ``` ### What it does Once installed, your AI assistant will: - Setup and configure MCP servers in your Nuxt apps - Create tools, resources, and prompts following best practices - Review your MCP implementation for anti-patterns and improvements - Troubleshoot auto-imports, endpoints, and validation issues - Create eval suites to verify tool selection ### Examples ``` Setup an MCP server in my Nuxt app Create a tool to fetch user data Review my MCP implementation ``` [Learn more about the skill →](https://mcp-toolkit.nuxt.dev/getting-started/agent-skills) ## 🚀 Installation <!-- automd:file src=".github/snippets/installation.md" --> Use `nuxt` to install the module automatically: ```bash npx nuxt add mcp ``` Or install manually: ```bash # npm npm install -D @nuxtjs/mcp-toolkit zod # yarn yarn add -D @nuxtjs/mcp-toolkit zod # pnpm pnpm add -D @nuxtjs/mcp-toolkit zod # bun bun add -D @nuxtjs/mcp-toolkit zod ``` <!-- /automd --> ## 📖 Documentation 📖 **[Full Documentation →](https://mcp-toolkit.nuxt.dev)** ## 🤝 Contributing <!-- automd:file src=".github/snippets/contributing.md" --> Contributions are welcome! Feel free to open an issue or submit a pull request. ```bash # Install dependencies pnpm install # Generate type stubs pnpm run dev:prepare # Start the playground pnpm run dev # Run tests pnpm run test ``` <!-- /automd --> ## ❓ Questions & Support <!-- automd:file src=".github/snippets/support.md" --> - **Issues**: [Open an issue](https://github.com/nuxt-modules/mcp-toolkit/issues) for bugs or feature requests - **X**: Follow [@hugorcd](https://twitter.com/hugorcd) for updates <!-- /automd --> ## 📄 License <!-- automd:file src=".github/snippets/license.md" --> Published under the [MIT](https://github.com/nuxt-modules/mcp-toolkit/blob/main/LICENSE) license. Made by [@HugoRCD](https://github.com/HugoRCD) and [community](https://github.com/nuxt-modules/mcp-toolkit/graphs/contributors) 💛 <a href="https://github.com/nuxt-modules/mcp-toolkit/graphs/contributors"> <img src="https://contrib.rocks/image?repo=nuxt-modules/mcp-toolkit" /> </a> <!-- /automd -->