Browser-Tools MCPのすゝめ

Browser-Tools MCPとは、ChromeDevToolsとAgentの対話を可能とするMCPおよびChrome拡張です。

Features

• DevToolsパネル内で「カーソルに自動貼り付けを許可する」を有効にできます。スクリーンショットは自動的にCursorに貼り付けられます（Cursorのエージェント入力フィールドにフォーカス/クリックしてください。そうしないと機能しません！)
• Lighthouseを介してSEO、パフォーマンス、アクセシビリティ、ベストプラクティス分析ツールのスイートを統合
• NextJSアプリケーションのSEO改善
• 推論を改善するためのプロンプトとともに、特定のシーケンスですべてのデバッグツールを実行するツールとしてデバッガモード
• 特定のシーケンスですべての監査ツールを実行するツールとして監査モード
• Windows接続の問題解決
• BrowserToolsサーバー、拡張機能、MCPサーバー間のネットワークの改善、ホスト/ポートの自動検出、自動再接続、および優雅なシャットダウンメカニズム
• Ctrl + Cを使用してブラウザツールサーバーをより簡単に終了できる

Usage

1. Chrome拡張機能をインストール: v1。2。0 BrowserToolsMCP Chrome拡張
2. IDE内のこのコマンドからMCPサーバーをインストールします。npx @agentdeskai/browser-tools-mcp@latest
3. 次のコマンドを実行します。npx @agentdeskai/browser-tools-server@latest