Browser Use Cloud

Claude Code

1. Führe das in einem Terminal in deinem Projektordner aus:

claude mcp add --transport http browser-use-cloud https://api.browser-use.com/v3/mcp --header "x-browser-use-api-key: <YOUR_API_KEY>"

1. Ersetze den Platzhalter vor dem Ausführen durch deinen Schlüssel und prüfe es danach mit /mcp in Claude Code.

Ergänze --scope user, damit er in jedem Projekt verfügbar ist, nicht nur in diesem.

Claude Desktop

1. Benutzerdefinierte Connectors können den Schlüssel-Header dieses Servers nicht senden, nutze also die Bridge mcp-remote. Öffne Settings → Developer → Edit Config und füge hinzu:

{
  "mcpServers": {
    "browser-use-cloud": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://api.browser-use.com/v3/mcp",
        "--header",
        "x-browser-use-api-key: <YOUR_API_KEY>"
      ]
    }
  }
}

1. Ersetze den Platzhalter durch deinen Schlüssel und starte Claude Desktop neu.

Die Bridge braucht Node.js auf deinem Rechner.

Cursor

Zu Cursor hinzufügen (öffnet in einem neuen Tab)

Oder trag ihn von Hand in ~/.cursor/mcp.json (alle Projekte) oder .cursor/mcp.json (dieses Projekt) ein:

{
  "mcpServers": {
    "browser-use-cloud": {
      "url": "https://api.browser-use.com/v3/mcp",
      "headers": {
        "x-browser-use-api-key": "<YOUR_API_KEY>"
      }
    }
  }
}

VS Code

Füge ihn zu .vscode/mcp.json hinzu. VS Code fragt beim ersten Mal nach dem Schlüssel und speichert ihn sicher:

{
  "servers": {
    "browser-use-cloud": {
      "type": "http",
      "url": "https://api.browser-use.com/v3/mcp",
      "headers": {
        "x-browser-use-api-key": "${input:x-browser-use-api-key}"
      }
    }
  },
  "inputs": [
    {
      "type": "promptString",
      "id": "x-browser-use-api-key",
      "description": "x-browser-use-api-key",
      "password": true
    }
  ]
}

Devin Desktop

1. Füge ihn zu ~/.config/devin/mcp_config.json (macOS und Linux) oder %APPDATA%\devin\mcp_config.json (Windows) hinzu:

{
  "mcpServers": {
    "browser-use-cloud": {
      "serverUrl": "https://api.browser-use.com/v3/mcp",
      "headers": {
        "x-browser-use-api-key": "<YOUR_API_KEY>"
      }
    }
  }
}

1. Aktualisiere die Liste der MCP-Server in Cascade.

Devin Desktop ist der neue Name von Windsurf. Für Remote-Server liest es serverUrl (oder url).

Codex

codex mcp add browser-use-cloud --url https://api.browser-use.com/v3/mcp

Oder bearbeite ~/.codex/config.toml direkt:

[mcp_servers.browser-use-cloud]
url = "https://api.browser-use.com/v3/mcp"
env_http_headers = { "x-browser-use-api-key" = "X_BROWSER_USE_API_KEY" }

Codex liest die Header-Werte aus den Umgebungsvariablen, die in env_http_headers genannt sind.

Gemini CLI

gemini mcp add --transport http --header "x-browser-use-api-key: <YOUR_API_KEY>" browser-use-cloud https://api.browser-use.com/v3/mcp

Damit fügst du ihn dem aktuellen Projekt hinzu. Ergänze -s user, um ihn überall zu nutzen.

Jeder Client

Die meisten Clients akzeptieren diese Form. Manche nennen das URL-Feld anders: serverUrl in Devin Desktop, httpUrl in der Einstellungsdatei von Gemini CLI.

{
  "mcpServers": {
    "browser-use-cloud": {
      "type": "http",
      "url": "https://api.browser-use.com/v3/mcp",
      "headers": {
        "x-browser-use-api-key": "<YOUR_API_KEY>"
      }
    }
  }
}

Zed legt Server in seinen Einstellungen unter context_servers ab. Cline braucht "type": "streamableHttp", sonst nimmt es SSE an.

Dein Client startet nur lokale Server? Binde ihn mit npx -y mcp-remote https://api.browser-use.com/v3/mcp an.

README-Badge

[![Browser Use Cloud on mcp.tc](https://mcp.tc/i/browser-use-cloud/badge.svg)](https://mcp.tc/i/browser-use-cloud)

<a href="https://mcp.tc/i/browser-use-cloud"><img src="https://mcp.tc/i/browser-use-cloud/badge.svg" alt="Browser Use Cloud on mcp.tc" height="20"></a>

Es folgt dem hellen oder dunklen Modus der Lesenden. Hänge ?theme=light oder ?theme=dark an, um ihn festzulegen, oder ?style=compact, um das Zeichen ohne Schriftzug zu zeigen.

Website-Karte

<script src="https://mcp.tc/w/browser-use-cloud.js" async></script>

Die Karte erscheint dort, wo das Tag steht. Füge dem Tag data-theme="dark" oder data-size="compact" hinzu, um sie zu ändern. Die Datei enthält alles, was sie braucht, stellt also keine weiteren Anfragen und setzt keine Cookies.

iframe

<iframe src="https://mcp.tc/embed/browser-use-cloud" title="Browser Use Cloud on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Nutze es auf Seiten, die keine Skripte erlauben. Hänge ?theme=light oder ?theme=dark an die Adresse an, um die Farben festzulegen.

JSON

Der Eintrag als Daten für deine eigenen Seiten und Tools: Name, Kurzbeschreibung, die eigene URL des Servers, Tools und die „Add to“-Links. Jede Website kann ihn lesen (CORS ist offen).

https://mcp.tc/i/browser-use-cloud.json

Was jedes Feld bedeutet