Install Browser Devtools in Claude Code
Remote URL
claude mcp add --transport http browser-devtools https://{your_mcp_server_host}/mcp{
"mcpServers": {
"browser-devtools": {
"url": "https://{your_mcp_server_host}/mcp"
}
}
}npm
claude mcp add browser-devtools -- npx -y browser-devtools-mcp{
"mcpServers": {
"browser-devtools": {
"command": "npx",
"args": [
"-y",
"browser-devtools-mcp"
]
}
}
}Frequently asked questions
What does the Browser Devtools MCP server do?
Playwright browser & Node.js MCP. ARIA refs, screenshots, ref-based interactions.
Is the Browser Devtools MCP server free?
Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.
Does Browser Devtools run locally or remotely?
Local + Remote. Can run locally or be used as a hosted remote server.
How do I add Browser Devtools to Claude Code?
Run: claude mcp add --transport http browser-devtools https://{your_mcp_server_host}/mcp
More browser automation MCP servers
View allSafari
achiya-automation/safari-mcp
Native Safari browser automation without a Chrome dependency.
Youtube Transcript
kimtaeyoon83/mcp-server-youtube-transcript
Fetch YouTube subtitles and transcripts for AI analysis.
Web Search
pskill9/web-search
Web search using Google search results.
yutu
eat-pray-ai/yutu
Automate YouTube operations, also available as a CLI.
Accessibility Scanner
JustasMonkev/mcp-accessibility-scanner
MCP server for automated web accessibility scanning with Playwright and Axe-core.
smart-web
jojo-labs/smart-web
smartfetch direct-URL fetch, smartsearch web search, smartcrawl, smartbrowser local browser actions.