Setting up Chrome Devtools MCP server for StudioAssist

This document demonstrates how to integrate Chrome DevTools MCP server with StudioAssist.

requirements

• MCP proxy installed. See Setup MCP proxy for STDIO MCP servers for more details.

Steps to set up and connect Chrome DevTools to StudioAssist

Host your Chrome DevTools MCP server

In your terminal, run the MCP proxy server:

mcp-proxy --host=0.0.0.0 --port=8000 -- npx -y chrome-devtools-mcp@latest

(You may need to pick another port if 8000 is already in use.)

The server will run locally at: http://0.0.0.0:8000/sse. Add it to StudioAssist:

Once connected successfully, you can see the Chrome DevTools MCP tools:

You can then prompt StudioAssist to create a test case from scratch really quickly: