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 を使用したブラウザ自動テストの統合を支援します。
• 広範なエージェント互換性：Claude、Cursor、Codex、Gemini、Warp など、多数の MCP クライアントをサポートしています。