chroute

Pin each coding project's agents to its own persistent Chrome window.

flowchart LR
    state[("Project routes<br/>~/.chroute.json")]
    router{{"chroute mcp<br/>route by working directory"}}

    projectA["🤖 Project A agents<br/><code>/code/storefront</code>"]
    projectB["🤖 Project B agents<br/><code>/code/backoffice</code>"]

    devtoolsA["Chrome DevTools MCP<br/><code>localhost:43210</code>"]
    devtoolsB["Chrome DevTools MCP<br/><code>localhost:43211</code>"]

    chromeA["🌐 Storefront Chrome window<br/>dedicated profile · tabs · login state"]
    chromeB["🌐 Backoffice Chrome window<br/>dedicated profile · tabs · login state"]

    projectA --> router
    projectB --> router
    state -. "project → endpoint" .-> router
    router -->|storefront| devtoolsA
    router -->|backoffice| devtoolsB
    devtoolsA --> chromeA
    devtoolsB --> chromeB

Loading

Every agent uses the same MCP command. chroute resolves the agent's current project, starts its registered browser when necessary, and connects chrome-devtools-mcp to that project's dedicated debugging endpoint.