claude mcp add hromeevools-chrome-devtools-mcp -- npx -y chrome-devtools-mcp
{
"mcpServers": {
"hromeevools-chrome-devtools-mcp": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp"]
}
}
}
{
"mcpServers": {
"hromeevools-chrome-devtools-mcp": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp"]
}
}
}
{
"mcpServers": {
"hromeevools-chrome-devtools-mcp": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp"]
}
}
}
About This MCP Server
The chrome-devtools-mcp server is a developer tool that enables communication between Chrome DevTools and other applications, allowing for the exchange of model context information over standard input/output streams. It connects to Chrome DevTools and can be installed via npm, providing a protocol for tools like Claude Code and Cursor to interact with the browser's development environment. A developer would use this server to facilitate integration with Chrome DevTools in their development workflow, particularly when working with AI coding assistants that rely on model context data.
MCP server for Chrome DevTools. This is a Model Context Protocol (MCP) server that extends AI assistants like Claude with developer tools capabilities via the stdio transport.
Package
chrome-devtools-mcp on npm
HOW TO USE
Select your AI client above to get the install command. This MCP server uses the stdio transport and is available on npm.
What tools does it provide?
The chrome-devtools-mcp server extends your AI assistant with developer tools capabilities. Once installed, your AI can use its tools automatically.