Chrome secara resmi merilis DevTools MCP yang menakjubkan ini tahun lalu, tetapi saya yakin banyak orang masih belum menginstalnya😂

Chrome DevTools MCP memungkinkan Claude, Codex, Cursor dan AI lainnya memiliki kemampuan mengakses browser.

Metode instalasi yang paling direkomendasikan untuk pemula:
Pertama buka di Chrome dan centang
chrome://inspect/#remote-debugging

A. Jika Anda menggunakan Claude Code
Jalankan langsung: claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
Setelah instalasi selesai, restart Claude Code.

B. Jika Anda menggunakan Codex CLI
Jalankan langsung: codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

C. Jika Anda menggunakan Cursor
Buka:
Cursor Settings -> MCP -> New MCP Server
Kemudian isi konfigurasi ini:
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}