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 --transport streamablehttp --port 8080 -- npx -y chrome-devtools-mcp@latest

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

Use this URL http://127.0.0.1:8080/mcp to add to StudioAssist, transport type HTTP:

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

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