Browser Use Cloud

Claude Code

1. Lancez ceci dans un terminal, dans le dossier de votre projet :

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. Remplacez l’espace réservé par votre clé avant de lancer la commande, puis vérifiez avec /mcp dans Claude Code.

Ajoutez --scope user pour le rendre disponible dans tous vos projets, pas seulement celui-ci.

Claude Desktop

1. Les connecteurs personnalisés ne peuvent pas envoyer l’en-tête de clé de ce serveur : utilisez la passerelle mcp-remote. Ouvrez Settings → Developer → Edit Config et ajoutez :

{
  "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. Remplacez l’espace réservé par votre clé et redémarrez Claude Desktop.

La passerelle nécessite Node.js sur votre ordinateur.

Cursor

Ajouter à Cursor (s’ouvre dans un nouvel onglet)

Ou ajoutez-le à la main dans ~/.cursor/mcp.json (tous les projets) ou .cursor/mcp.json (ce projet) :

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

VS Code

Ajoutez-le à .vscode/mcp.json. VS Code demande la clé la première fois et la stocke de façon sécurisée :

{
  "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. Ajoutez-le à ~/.config/devin/mcp_config.json (macOS et Linux) ou %APPDATA%\devin\mcp_config.json (Windows) :

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

1. Actualisez la liste des serveurs MCP dans Cascade.

Devin Desktop est le nouveau nom de Windsurf. Pour les serveurs distants, il lit serverUrl (ou url).

Codex

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

Ou modifiez directement ~/.codex/config.toml :

[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 lit les valeurs des en-têtes dans les variables d’environnement nommées dans env_http_headers.

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

Cela l’ajoute au projet en cours. Ajoutez -s user pour l’utiliser partout.

Tout client

La plupart des clients acceptent cette forme. Certains nomment autrement le champ de l’URL : serverUrl dans Devin Desktop, httpUrl dans le fichier de réglages de 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 place les serveurs sous context_servers dans ses réglages. Cline a besoin de "type": "streamableHttp", sinon il suppose SSE.

Votre client ne lance que des serveurs locaux ? Reliez-le avec npx -y mcp-remote https://api.browser-use.com/v3/mcp.

Badge pour README

[![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>

Il suit le mode clair ou sombre du lecteur. Ajoutez ?theme=light ou ?theme=dark pour le fixer, ou ?style=compact pour afficher le symbole sans le nom.

Carte pour site web

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

La carte apparaît à l’endroit de la balise. Ajoutez data-theme="dark" ou data-size="compact" à la balise pour la modifier. Le fichier contient tout ce qu’il lui faut : il ne fait aucune autre requête et ne dépose aucun cookie.

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>

Utilisez-la sur les pages qui n’autorisent pas les scripts. Ajoutez ?theme=light ou ?theme=dark à l’adresse pour fixer les couleurs.

JSON

La fiche sous forme de données pour vos pages et vos outils : nom, accroche, URL du serveur, outils et liens « Add to ». N’importe quel site peut la lire (CORS ouvert).

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

Ce que signifie chaque champ