browser

Installation
SKILL.md

chrome-devtools-mcp の CLI (chrome-devtools) でブラウザを起動し、その後の操作までカバーする。

1. 接続先の確認 (毎回必須)

chrome-devtools status で状態を確認した後、起動済みでも未起動でも、必ず AskUserQuestion で接続先をユーザーに確認してから操作に入る。daemon は前回の args を保持し続け、構成が合わないまま使うと黙って隔離 headless ブラウザに落ちて about:blank しか見えない事故になるため、毎回 stop → start で整える。

status に Update available が出ていたら、接続まわりの修正が頻繁に入るため npm install -g chrome-devtools-mcp@latest での更新を勧める (勝手に更新しない)。

選択肢は 3 つ:

  • 既存ブラウザに接続: いま開いている Chrome に attach。実セッション (ログイン状態・拡張・タブ) を使いたいとき
  • テスト用ブラウザを起動: 使い捨ての隔離 Chrome。ログイン不要な動作確認向け
  • 永続プロファイルで起動: ログイン状態を保持する自動化・検証用。プロファイル名も選んでもらう

既存ブラウザに接続

前提: Chrome 144+ で chrome://inspect/#remote-debugging の「Allow remote debugging for this browser instance」が ON。

DevToolsActivePort から port (1 行目) と WS path (2 行目) を読み、--wsEndpoint で接続する。CLI で動く attach 手段はこれだけ:

Installs
20
Repository
tanabee/skills
GitHub Stars
3
First Seen
Jun 23, 2026
browser — tanabee/skills