Browser Tools MCP
B

Browser Tools MCP

BrowserTools MCPは強力なブラウザ監視と相互作用ツールで、Chrome拡張機能とローカルサーバーを通じてAIによるブラウザのスマートな分析と操作を実現します。
5ポイント
23.7K

BrowserTools MCPとは?

BrowserTools MCPは、AnthropicのModel Context Protocol (MCP)に基づくブラウザ相互作用ツールで、Chrome拡張機能を通じてブラウザデータのキャプチャと分析を行い、AIツールがよりスマートにブラウザと相互作用できるようにします。

BrowserTools MCPをどのように使用するか?

Chrome拡張機能、MCPサーバー、ローカルNodeサーバーの3つのコンポーネントをインストールすると、互換性のあるMCPクライアント(Cursor IDEなど)でブラウザの監視と分析機能を使用できます。

適用シーン

ウェブ開発のデバッグ、SEO最適化、パフォーマンス分析、アクセシビリティ検出など、ブラウザの相互作用とデータ分析が必要なシーンに適しています。

主要機能

ブラウザ監視
ブラウザのコンソール出力、ネットワークアクティビティ、DOM要素をリアルタイムで監視します。
自動化監査
アクセシビリティ、パフォーマンス、SEO、ベストプラクティスの自動化監査を提供します。
スクリーンショット機能
自動的にスクリーンショットを撮り、クライアントに貼り付けることをサポートします。
NextJS専用監査
NextJSフレームワークに特化したSEOとベストプラクティスのチェックを行います。
利点
ローカルで実行され、データはサードパーティに送信されません。
複数の監査モードをサポートします。
主流のMCPクライアントと互換性があります。
自動検出と接続機能により、設定が簡素化されます。
制限
複数のコンポーネントをインストールする必要があります。
一部の機能はChromeブラウザに依存しています。
初回設定時にデバッグが必要な場合があります。

使い方

Chrome拡張機能をインストールする
GitHubからv1.2.0バージョンのChrome拡張機能をダウンロードしてインストールします。
MCPサーバーをインストールする
IDEでコマンドを実行してMCPサーバーをインストールします。
ローカルNodeサーバーを起動する
新しいターミナルウィンドウでローカルサーバーを起動します。
Chrome開発者ツールを開く
ブラウザで開発者ツールを開き、BrowserToolsMCPパネルを選択します。

使用例

ページのアクセシビリティをチェックする
ウェブページがWCAGのアクセシビリティ標準に準拠していることを確認する
ページの読み込み速度を最適化する
ページのパフォーマンスのボトルネックを特定し、解決する
NextJSのSEO最適化
NextJSアプリケーションに特化したSEOチェックを行う

よくある質問

インストール後に接続できない場合はどうすればいいですか?
データは外部サーバーに送信されますか?
どのMCPクライアントがサポートされていますか?

関連リソース

公式ドキュメント
完全なインストール、クイックスタート、貢献ガイド
GitHubプロジェクトロードマップ
プロジェクトの開発ロードマップと予定機能
技術サポート
Twitterを通じて開発者に連絡して技術サポートを受ける

インストール

以下のコマンドをクライアントにコピーして設定
注意:あなたのキーは機密情報です。誰とも共有しないでください。

代替品

M
MCP Agent Mail
MCPエージェントメールは、AIプログラミングエージェント向けのメール形式の調整レイヤーで、ID管理、メッセージの送受信、ファイルの予約、検索機能を提供し、複数のエージェントの非同期協力と競合の回避をサポートします。
Python
6.0K
5ポイント
M
MCP
Microsoft公式のMCPサーバーで、AIアシスタントに最新のMicrosoft技術ドキュメントの検索と取得機能を提供します。
11.9K
5ポイント
A
Aderyn
アデリンは、Rustで書かれたオープンソースのSolidityスマートコントラクト静的分析ツールで、開発者やセキュリティ研究者がSolidityコードの脆弱性を発見するのを支援します。FoundryとHardhatプロジェクトをサポートし、複数の形式のレポートを生成でき、VSCode拡張機能も提供します。
Rust
9.0K
5ポイント
D
Devtools Debugger MCP
Node.jsデバッガーMCPサーバーは、Chrome DevToolsプロトコルに基づく完全なデバッグ機能を提供します。ブレークポイントの設定、ステップ実行、変数のチェック、式の評価などが含まれます。
TypeScript
6.6K
4ポイント
S
Scrapling
Scraplingは適応型ウェブページのスクレイピングライブラリで、ウェブサイトの変化を自動的に学習し、要素を再配置します。複数のスクレイピング方法とAI統合をサポートし、高性能な解析と開発者に優しい体験を提供します。
Python
10.6K
5ポイント
M
Mcpjungle
MCPJungleは自ホスト型のMCPゲートウェイで、複数のMCPサーバーを集中的に管理および代理し、AIエージェントに統一されたツールアクセスインターフェースを提供します。
Go
0
4.5ポイント
C
Cipher
Cipherは、プログラミングAIエージェント向けに設計されたオープンソースのメモリ層フレームワークです。MCPプロトコルを通じてさまざまなIDEとAIコーディングアシスタントと統合し、自動記憶生成、チーム記憶共有、デュアルシステム記憶管理などの核心機能を提供します。
TypeScript
0
5ポイント
N
Nexus
NexusはAIツール集約ゲートウェイで、複数のMCPサーバーとLLMプロバイダーの接続をサポートし、統一されたエンドポイントを通じてツール検索、実行、およびモデルルーティング機能を提供し、セキュリティ認証とレート制限をサポートします。
Rust
0
4ポイント
E
Edgeone Pages MCP Server
EdgeOne Pages MCPは、MCPプロトコルを通じてHTMLコンテンツをEdgeOne Pagesに迅速にデプロイし、公開URLを取得するサービスです。
TypeScript
18.5K
4.8ポイント
C
Context7
Context7 MCPは、AIプログラミングアシスタントにリアルタイムのバージョン固有のドキュメントとコード例を提供するサービスで、Model Context Protocolを通じてプロンプトに直接統合され、LLMが古い情報を使用する問題を解決します。
TypeScript
51.2K
4.7ポイント
G
Gmail MCP Server
Claude Desktop用に設計されたGmail自動認証MCPサーバーで、自然言語でのやり取りによるGmailの管理をサポートし、メール送信、ラベル管理、一括操作などの完全な機能を備えています。
TypeScript
12.8K
4.5ポイント
B
Baidu Map
認証済み
百度マップMCPサーバーは国内初のMCPプロトコルに対応した地図サービスで、地理コーディング、ルート計画など10個の標準化されたAPIインターフェースを提供し、PythonとTypescriptでの迅速な接続をサポートし、エージェントに地図関連の機能を実現させます。
Python
26.7K
4.5ポイント
G
Gitlab MCP Server
認証済み
GitLab MCPサーバーは、Model Context Protocolに基づくプロジェクトで、GitLabアカウントとのやり取りに必要な包括的なツールセットを提供します。コードレビュー、マージリクエスト管理、CI/CD設定などの機能が含まれます。
TypeScript
13.9K
4.3ポイント
U
Unity
認証済み
UnityMCPはUnityエディターのプラグインで、モデルコンテキストプロトコル (MCP) を実装し、UnityとAIアシスタントのシームレスな統合を提供します。リアルタイムの状態監視、リモートコマンドの実行、ログ機能が含まれます。
C#
17.4K
5ポイント
M
Magic MCP
Magic Component Platform (MCP) はAI駆動のUIコンポーネント生成ツールで、自然言語での記述を通じて、開発者が迅速に現代的なUIコンポーネントを作成するのを支援し、複数のIDEとの統合をサポートします。
JavaScript
15.6K
5ポイント
S
Sequential Thinking MCP Server
MCPプロトコルに基づく構造化思考サーバーで、思考段階を定義することで複雑な問題を分解し要約を生成するのに役立ちます。
Python
23.8K
4.5ポイント
AIBase
智啓未来、あなたの人工知能ソリューションシンクタンク
© 2025AIBase