Chrome Devtools Protocol

remote-browserは、サンドボックス環境のエージェントがBrowser Automation用のヘッドレスブラウザを操作するためのスキルです。ページを開く、状態を確認する、番号付き要素をクリックする、入力する、スクリーンショットを撮る、ローカルアプリやCDP対応ブラウザセッションに接続するといった操作に使えます。

browser-use は、ページを開く、状態を確認する、番号付き要素をクリックする、フォームに入力する、スクリーンショットを撮る、永続的なブラウザーセッションを再利用するといった操作に対応したブラウザー自動化スキルです。browser-use CLI を使った安定したフォーム入力、ページ遷移、ログイン後のワークフローに適しています。

browser-testing-with-devtools は、Chrome DevTools MCP を通じて実ブラウザの挙動をテスト・デバッグするための skill です。DOM の確認、コンソールエラーの取得、ネットワークリクエストの解析、パフォーマンスのプロファイル、ライブブラウザでの修正確認に使えます。

claude-in-chrome-troubleshooting は、macOS での Claude in Chrome の MCP 接続問題の診断と修復を支援します。`mcp__claude-in-chrome__*` ツールが失敗する、ブラウザー拡張に「Browser extension is not connected」と表示される、アップデート後やアプリ切り替え後にブラウザー自動化が不安定になる、といった場面で使います。Claude Code と Claude.app の競合を実用的に切り分けて直すためのガイドです。

web-perf は Chrome DevTools MCP を使って Web パフォーマンスを分析します。Core Web Vitals、トレースベースの読み込み問題、レンダリングを妨げるリソース、レイアウトシフト、キャッシュの問題、アクセシビリティのギャップを測定します。Performance Optimization、遅いページのデバッグ、そして最新ドキュメントと実際のトレースに基づく web-perf のガイド型ワークフローに使ってください。

use-my-browserは、適切なWebレイヤーを選ぶためのブラウザ自動化戦略スキルです。公開Webツール、live Chrome、raw fetch、Playwrightを、サインイン必須の操作、動的ページ、DevTools起点の作業に応じて使い分けられます。