vercel/next-devtools-mcp

解决的问题

代码代理（如 Claude 和 Cursor）通常无法实时查看运行中应用程序的状态。next-devtools-mcp 在这些代理与 Next.js 开发服务器之间搭建桥梁，使 AI 代理能够直接在聊天界面中查看实时运行时错误、日志和路由结构。

工作原理

它作为一个轻量级连接器，使用 Model Context Protocol (MCP)。它会自动发现正在运行的 Next.js 16+ 开发服务器，并将请求代理到服务器内置的 MCP 端点（/_next/mcp）。它还提供“网关”，将代理引导至项目 node_modules 中捆绑的版本准确文档，或引导至 agent-browser CLI 以实现浏览器自动化。

适用人群

使用 Next.js 16+ 和 AI 驱动的代码代理（如 Claude Code、Cursor、Gemini 或 VS Code Copilot）的开发者，希望其代理能够获得应用程序的运行时上下文。

主要亮点

• 实时运行时访问：可访问当前构建、运行时和类型错误，以及开发服务器日志。
• 自动发现：自动扫描常见端口，查找并连接正在运行的 Next.js 开发服务器。
• 版本准确的文档：将代理引导至与 node_modules 中安装的 Next.js 版本完全匹配的文档。
• 浏览器自动化网关：支持集成 agent-browser CLI 以实现自动化浏览器测试。
• 广泛的代理兼容性：支持多种 MCP 客户端，包括 Claude、Cursor、Codex、Gemini 和 Warp。