Chrome extension plus MCP server that gives coding agents console logs, network requests, screenshots and Lighthouse audits from your browser.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add browsertools -- npx -y @agentdeskai/browser-tools-mcp@latest~/.codex/config.toml
[mcp_servers.browsertools]
command = "npx"
args = ["-y", "@agentdeskai/browser-tools-mcp@latest"]
# codex mcp add browsertools -- npx -y @agentdeskai/browser-tools-mcp@latest~/.cursor/mcp.json
{
"mcpServers": {
"browsertools": {
"command": "npx",
"args": [
"-y",
"@agentdeskai/browser-tools-mcp@latest"
]
}
}
}.vscode/mcp.json
{
"servers": {
"browsertools": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@agentdeskai/browser-tools-mcp@latest"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"browsertools": {
"command": "npx",
"args": [
"-y",
"@agentdeskai/browser-tools-mcp@latest"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"browsertools": {
"command": "npx",
"args": [
"-y",
"@agentdeskai/browser-tools-mcp@latest"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"browsertools": {
"command": "npx",
"args": [
"-y",
"@agentdeskai/browser-tools-mcp@latest"
]
}
}
}