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。