Chrome 公式のこの神ツール DevTools MCP は去年リリースされましたが、多くの人がまだインストールしていないと思います😂

Chrome DevTools MCP は Claude、Codex、Cursor などの AI に ブラウザにアクセスする能力を与えます。

初心者向けのおすすめインストール方法：

まず Chrome で以下を開いてチェックボックスを有効にしてください
chrome://inspect/#remote-debugging

A. Claude Code を使う場合
直接実行してください：claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
インストール完了後、Claude Code を再起動してください。

B. Codex CLI を使う場合
直接実行してください：codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

C. Cursor を使う場合
以下を開いてください：
Cursor Settings -> MCP -> New MCP Server
その後、この設定を入力してください：
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}