Menu
chrome-devtools MCP の設定・接続を行い、Chrome ブラウザを操作する。「chrome-devtools MCP を使って欲しい」「chrome-devtools MCP を使いたい」「Chrome で操作して」「ブラウザで確認して」などのリクエストで使用する。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
写真に写っている人物の顔を検出してぼかし、匿名化した画像を作成する。YuNet による 2 パス顔検出、ガウスぼかし、拡大クロップでの目視検証、取りこぼしの手動追いぼかしまでのワークフロー。「顔をぼかして」「顔にモザイク」「写真の顔を隠して」「人物を匿名化して」などのリクエストで使用する。
Analyze X creator subscription accounts through X's authenticated internal Web API. Use when asked to collect subscriber counts, subscription-only post counts, monthly prices, estimated gross monthly revenue, rankings, or summary statistics for X Subscriptions, including the user's managed set of subscribed creators.
X（Twitter）上の公開情報を検索し、投稿、アカウント、スレッド、最近の話題、評判、反応を根拠となる x.com URL 付きで調査する。「X で検索して」「X でこの投稿やアカウントを探して」「X で最近何が話題？」「X 上の反応や評判を調べて」などで使用する。投稿、返信、引用、いいね、フォロー、ブロック、ミュート、報告、削除などの書き込み操作や、指定された X URL またはログイン済み X 画面そのものを開いて閲覧・確認する依頼には使用しない。
chrome-devtools MCP でログイン済み Chrome を使い、X (Twitter) の内部 Web API (api.x.com / i/api) を fetch で呼んで一括操作する。ブロック解除、ブロック、ミュート、フォロー解除などをまとめて処理したいときに使う。X のレートリミット (短い窓あたり約 10 件) の回避方法を含む。「X で全員ブロック解除して」「まとめてミュート」「一括でフォロー解除」などのリクエストで使用する。
Check Luma event guests against X profile, follow, mutual-follow, affiliation, and recent-account-activity requirements. Use when Codex needs to review a Luma event guest table, extract pending guests and X profile links, identify missing/invalid/deleted/protected X accounts, use X relationship lookup to verify whether guests follow the logged-in organizer account, check whether candidates have posted from their own X account within the last month excluding repost-only activity using read-only internal APIs, prioritize mutual follows before followed-by-only candidates, check whether a specific X handle registered and what current Luma status it has, manage X rate limits without causing 429s, and report decline or approval-support candidates without ever performing approve, decline, or other guest write actions.
Archive only the current Codex App thread when the user invokes /archive or $archive to finish the current thread. Use the Codex App thread archive tool without passing a thread id so no other thread is archived.
| name | chrome-devtools-mcp |
| description | chrome-devtools MCP の設定・接続を行い、Chrome ブラウザを操作する。「chrome-devtools MCP を使って欲しい」「chrome-devtools MCP を使いたい」「Chrome で操作して」「ブラウザで確認して」などのリクエストで使用する。 |
Chrome DevTools Protocol (CDP) 経由で Chrome ブラウザを操作するための MCP サーバーを設定・接続する。
claude mcp list
chrome-devtools が表示されなければ Step 2 へ。表示されていれば Step 3 へ。
autoConnect モード (推奨、Chrome 144+):
Chrome の chrome://inspect/#remote-debugging で「Allow remote debugging for this browser instance」を有効にした上で:
claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest --autoConnect
追加後はセッションの再起動が必要。ユーザーに /exit で退出して再起動するよう案内する。再起動後にこのスキルを再度発火させてもらう。
pgrep -l "Google Chrome"
Chrome が起動していなければユーザーに起動を依頼する。
mcp__chrome-devtools__list_pages()
タブ一覧が返れば接続成功。失敗した場合はトラブルシューティングへ。
mcp__chrome-devtools__navigate_page(type="url", url="https://example.com")
mcp__chrome-devtools__take_screenshot()
mcp__chrome-devtools__take_snapshot()
mcp__chrome-devtools__evaluate_script(function="() => document.title")
snapshot で uid を取得してからクリック:
mcp__chrome-devtools__click(uid="<uid>")
mcp__chrome-devtools__fill(uid="<uid>", value="入力テキスト")
mcp__chrome-devtools__press_key(key="Enter")
mcp__chrome-devtools__list_pages()
mcp__chrome-devtools__select_page(pageId=<page_id>)
セッション再起動が必要。/exit で退出して claude で再起動する。
npx chrome-devtools-mcp@latest が "command not found" になる場合:
npm cache clean --force
npx -y chrome-devtools-mcp@latest --help
autoConnect は ~/Library/Application Support/Google/Chrome/DevToolsActivePort を読んで接続する。Chrome の異常終了や pkill による強制終了でこのファイルが古くなり、ファイルにポート番号が書かれていても実際にはリッスンしていない状態になる。
list_pages で "Could not find DevToolsActivePort" エラーが出たら、まずこのファイルの鮮度を疑う。
診断手順:
Read: ~/Library/Application Support/Google/Chrome/DevToolsActivePort
1 行目にポート番号（例: 9222）、2 行目に WebSocket パスが書かれている。
lsof -i :<ポート番号>
lsof の出力が空（Exit code 1）ならファイルが古い。以下で修復:rm ~/Library/Application\ Support/Google/Chrome/DevToolsActivePort
pkill -9 "Google Chrome"
pkill -TERM では Chrome のサブプロセスが残ることがある。pkill -9 で確実に全プロセスを終了させる。
sleep 4
open -a "Google Chrome"
list_pages で接続テストする。chrome://inspect/#remote-debugging の設定は Chrome 再起動後も維持される。
Chrome 144+ では --remote-debugging-port にデフォルトのユーザーデータディレクトリを使えない:
DevTools remote debugging requires a non-default data directory.
--user-data-dir を指定すれば動くが、別プロファイルになりログイン状態が失われる。open -a "Google Chrome" --args --remote-debugging-port=9222 も同じ理由で機能しない。
autoConnect モードを使うこと。autoConnect なら通常のプロファイルでログイン状態が維持される。