Erste Schritte¶
Verwenden Sie das veröffentlichte npm-Paket oder das Docker-Image. Eine Installation aus dem Quellcode ist nur für Entwicklungszwecke erforderlich.
Wählen Sie „npm“, wenn Ihr MCP-Client bereits auf Ihrem Rechner läuft und Node.js verfügbar ist. Wählen Sie „Docker“, wenn Sie eine reproduzierbare Laufzeitumgebung mit dem Upstream-Basisimage von Playwright MCP und dem im Container vorbereiteten CloakBrowser-Cache wünschen.
Einen schnellen Überblick über häufig gestellte Fragen zur Einrichtung finden Sie in den FAQ.
npm¶
npx -y cloakbrowser-mcp@latest --help
npx -y cloakbrowser-mcp@latest doctor
npx -y cloakbrowser-mcp@latest doctor --json
npx -y cloakbrowser-mcp@latest
npx -y cloakbrowser-mcp@latest --transport streamable-http --http-port 3000
npx -y cloakbrowser-mcp@latest --transport streamable-http --http-protocol https --https-cert ./cert.pem --https-key ./key.pem
Eine Version festhalten, wenn es auf die Reproduzierbarkeit ankommt:
Das npm-Paket erfordert Node.js 22.12 oder neuer. CloakBrowser lädt bei der ersten Verwendung die Chromium-Binärdatei herunter, sofern diese nicht bereits im Cache vorhanden ist.
Verwenden Sie doctor, um die lokale Node.js-Laufzeitumgebung, die Paketmetadaten, die Auflösung der Upstream-Playwright-MCP-CLI und die Metadaten der CloakBrowser-Binärdatei zu überprüfen, bevor Sie eine Verbindung zu einem Client herstellen. Der Befehl startet weder die Bridge noch lädt er einen Browser herunter.
Der Standardtransport ist stdio. Verwenden Sie --transport streamable-http, wenn Ihr MCP-Client eine Verbindung zu einem HTTP-Endpunkt herstellt, anstatt einen stdio-Prozess zu starten. Der HTTP-Endpunkt ist standardmäßig auf http://127.0.0.1:3000/mcp eingestellt, mit festen GET /healthz und GET /readyz-Probes auf demselben Host und Port. Verwenden Sie --http-protocol https zusammen mit --https-cert und --https-key oder --https-pfx, wenn die Bridge TLS direkt beenden soll. Die vollständige Liste der Flags und die entsprechenden Umgebungsvariablen finden Sie in der generierten CLI-Referenz.
Docker¶
docker pull swimmwatch/cloakbrowser-mcp:latest
docker run --rm --init -i \
-v "$PWD/artifacts:/data" \
swimmwatch/cloakbrowser-mcp:latest
Docker ist die am besten reproduzierbare Laufzeitumgebung, da das Image auf dem festgelegten offiziellen Playwright-MCP-Image basiert und einen vorbereiteten CloakBrowser-Browser-Cache enthält. Veröffentlichte Images unterstützen linux/amd64 und linux/arm64. Die gleichen Tags werden auch unter ghcr.io/swimmwatch/cloakbrowser-mcp veröffentlicht.
Für lokales Streamable-HTTP mit Docker müssen Sie den Port auf dem Loopback veröffentlichen und den Server innerhalb des Containers binden:
docker run --rm --init -p 127.0.0.1:3000:3000 \
-v "$PWD/artifacts:/data" \
swimmwatch/cloakbrowser-mcp:latest \
--transport streamable-http --http-host 0.0.0.0 --http-port 3000
curl http://127.0.0.1:3000/healthz
curl http://127.0.0.1:3000/readyz
Um HTTPS direkt aus Docker heraus zu nutzen, mounten Sie Ihre Zertifikatsdateien und wählen Sie „HTTPS“ aus:
docker run --rm --init -p 127.0.0.1:3000:3000 \
-v "$PWD/artifacts:/data" \
-v "$PWD/certs:/certs:ro" \
swimmwatch/cloakbrowser-mcp:latest \
--transport streamable-http --http-host 0.0.0.0 --http-port 3000 \
--http-protocol https --https-cert /certs/cert.pem --https-key /certs/key.pem
Im Streamable-HTTP-Modus werden die URL des empfangenden MCP-Endpunkts und die Anforderungsprotokolle an stdout geschrieben. Im Stdio-Modus werden keine routinemäßigen Betriebsprotokolle ausgegeben, sodass die stdout-Ausgabe von MCP JSON-RPC protokollkonform bleibt.
Eine Version festhalten, wenn es auf die Reproduzierbarkeit ankommt:
docker pull swimmwatch/cloakbrowser-mcp:1.7.0
docker run --rm --init -i \
-v "$PWD/artifacts:/data" \
swimmwatch/cloakbrowser-mcp:1.7.0
MCP-Client-Konfiguration¶
Die meisten lokalen MCP-Clients lassen sich am besten mit stdio und npm nutzen:
Verwenden Sie Docker, wenn Sie eine reproduzierbare Laufzeitumgebung wünschen. Behalten Sie -i bei, damit die Verbindung zu stdio bestehen bleibt, und fügen Sie --init hinzu, damit die untergeordneten Browser-Prozesse korrekt beendet werden.
Bei Streamable-HTTP-Clients starten Sie den Server separat und konfigurieren Sie die Client-URL wie folgt: http://127.0.0.1:3000/mcp oder https://127.0.0.1:3000/mcp. Wenn CLOAK_PLAYWRIGHT_MCP_HTTP_AUTH_TOKEN oder --http-auth-token festgelegt ist, sende dasselbe Bearer-Token an /mcp, /healthz und /readyz.
=== „Codex CLI“
Registrieren Sie den lokalen stdio-Server:
```bash
codex mcp add cloakbrowser -- npx -y cloakbrowser-mcp@latest
```
Oder verbinden Sie Codex mit einem bereits laufenden Streamable-HTTP-Server:
```bash
npx -y cloakbrowser-mcp@latest --transport streamable-http --http-port 3000
codex mcp add cloakbrowser --url http://127.0.0.1:3000/mcp
```
=== „Claude Code“
Registrieren Sie den lokalen stdio-Server:
```bash
claude mcp add --transport stdio cloakbrowser -- npx -y cloakbrowser-mcp@latest
```
Oder verbinden Sie Claude Code mit einem bereits laufenden Streamable-HTTP-Server:
```bash
npx -y cloakbrowser-mcp@latest --transport streamable-http --http-port 3000
claude mcp add --transport http cloakbrowser http://127.0.0.1:3000/mcp
```
=== „Claude Desktop“
Fügen Sie den Server unter `mcpServers` in `claude_desktop_config.json` hinzu und starten Sie anschließend Claude Desktop neu:
```json
{
"mcpServers": {
"cloakbrowser": {
"command": "npx",
"args": ["-y", "cloakbrowser-mcp@latest"]
}
}
}
```
=== „Cursor / Cline“
Fügen Sie den Server zur MCP-JSON-Konfiguration des Clients hinzu:
```json
{
"mcpServers": {
"cloakbrowser": {
"command": "npx",
"args": ["-y", "cloakbrowser-mcp@latest"]
}
}
}
```
=== „VS Code“
Fügen Sie den Server zum Arbeitsbereich `.vscode/mcp.json` oder auf Ihrer Benutzerebene `mcp.json` hinzu:
```json
{
"servers": {
"cloakbrowser": {
"type": "stdio",
"command": "npx",
"args": ["-y", "cloakbrowser-mcp@latest"]
}
}
}
```
=== „Weiter“
`.continue/mcpServers/cloakbrowser-mcp.yaml` erstellen:
```yaml
name: CloakBrowser MCP
version: 0.0.1
schema: v1
mcpServers:
- name: CloakBrowser
type: stdio
command: npx
args:
- -y
- cloakbrowser-mcp@latest
```
=== „Windsurfen / Kaskade“
Öffnen Sie in Windsurf „Einstellungen“ > „Extras“ > „Windsurf-Einstellungen“ > „Server hinzufügen“ oder bearbeiten Sie `~/.codeium/mcp_config.json`:
```json
{
"mcpServers": {
"cloakbrowser": {
"command": "npx",
"args": ["-y", "cloakbrowser-mcp@latest"]
}
}
}
```
Verwenden Sie für einen bereits laufenden Streamable-HTTP-Server `serverUrl`:
```json
{
"mcpServers": {
"cloakbrowser": {
"serverUrl": "http://127.0.0.1:3000/mcp"
}
}
}
```
=== „Goose“
Fügen Sie eine benutzerdefinierte MCP-Erweiterung hinzu und verwenden Sie diesen Befehl:
```bash
npx -y cloakbrowser-mcp@latest
```
Verwenden Sie `cloakbrowser` als Erweiterungsnamen und „stdio“ als Transport.
=== „Warp“ ===
Öffne in Warp „Einstellungen“ > „Agenten“ > „MCP-Server“, wähle „Hinzufügen“ und füge dann Folgendes ein:
```json
{
"mcpServers": {
"cloakbrowser": {
"command": "npx",
"args": ["-y", "cloakbrowser-mcp@latest"]
}
}
}
```
Bei einem bereits laufenden Streamable-HTTP-Server verwenden Sie einen URL-Eintrag:
```json
{
"mcpServers": {
"cloakbrowser": {
"url": "http://127.0.0.1:3000/mcp"
}
}
}
```
=== „Docker“
Verwenden Sie dies, wenn Ihr Client einen lokalen Docker-Befehl ausführen kann:
```json
{
"mcpServers": {
"cloakbrowser": {
"command": "docker",
"args": [
"run",
"--rm",
"--init",
"-i",
"-v",
"/tmp/cloakbrowser-artifacts:/data",
"swimmwatch/cloakbrowser-mcp:latest"
]
}
}
}
```
Überprüfen¶
Bitten Sie den MCP-Client, die Tools aufzulisten. Sie sollten die Browser-Tools von Playwright MCP aus dem Upstream sowie folgende Tools sehen:
cloakbrowser_binary_infocloakbrowser_bridge_info
Weitere praktische Pfade¶
Für die Entscheidung zwischen upstream Playwright MCP und diesem Paket nutzen Sie den Vergleich. Für kurze Aufgaben nutzen Sie die Rezepte: persistentes Profil, Erweiterungen, reverse proxy, regionale QA, Claude Desktop, Codex CLI und CI-Smoke-Test.