Open Claude in Chrome

Was ist Open Claude in Chrome?

Open Claude in Chrome ist eine vollständig Open-Source, Clean-Room-Neuelimplementierung einer „Claude in Chrome“-Browsererweiterung. Sie verbindet Claude Code mit einem Chromium-basierten Browser über Browserautomatisierung und denselben Satz MCP-(Model-Context-Protocol)-Tools.

Ihr Kernzweck ist es, Browsernavigation und In-Seiten-Aktionen ohne die Domainbeschränkungen der offiziellen Erweiterung bereitzustellen, bei Beibehaltung der Features und Performance-Parität wie im Projekt angegeben.

Wichtige Features

• Keine Domain-Blocklist: Im Gegensatz zur offiziellen Erweiterung (die 58 blockierte Domains in Kategorien auflistet) ist Open Claude in Chrome für die Navigation überall gedacht.
• Clean-Room-Neuelimplementierung (Open Source, MIT-Lizenz): Der Quellcode ist unter der MIT-Lizenz verfügbar.
• Funktioniert mit jedem Chromium-Browser: Unterstützte Browser umfassen standardmäßig Chrome und Edge sowie weitere Chromium-Browser wie Brave, Arc, Opera, Vivaldi usw.
• Dieselben 18 MCP-Tools wie Claude in Chrome: Das Projekt listet 18 Tool-Endpunkte auf und positioniert sie als identisch zur offiziellen Erweiterung.
• Browserautomatisierungsarchitektur mit drei Komponenten: Eine Erweiterung (Manifest V3 mit CDP-basierter Automatisierung), ein MCP-Server (Node.js-Prozess, gestartet von Claude Code) und eine Native-Messaging-Host-Brücke, die den MCP-Server mit der Erweiterung verbindet.

So verwenden Sie Open Claude in Chrome

1. Voraussetzungen vorbereiten: Installieren Sie Node.js v18+ und einen unterstützten Chromium-Browser. Verwenden Sie auch Claude Code v2.0.73+.
2. Erweiterungsabhängigkeiten installieren:
   • cd host
   • npm install
   • cd ..
3. Erweiterung laden:
   • Öffnen Sie die Erweiterungsseite Ihres Browsers (z. B. chrome://extensions, brave://extensions, edge://extensions).
   • Aktivieren Sie den Entwicklermodus.
   • Klicken Sie auf Entpackt laden und wählen Sie das Verzeichnis extension/.
   • Kopieren Sie die Erweiterungs-ID, die unter dem Erweiterungsnamen angezeigt wird.
4. Native-Messaging-Host registrieren:
   • Führen Sie ./install.sh <your-extension-id> aus.
   • Bei mehreren Browsern übergeben Sie mehrere IDs (Beispielformat im Repo).
5. Browser neu starten: Der Browser liest Native-Messaging-Host-Konfigs beim Start.
6. MCP zu Claude Code hinzufügen:
   • Führen Sie aus: claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js
   • Das Repo schlägt vor, den absoluten Pfad mit echo "node $(pwd)/host/mcp-server.js" zu ermitteln.
7. Überprüfen: Starten Sie eine neue Claude-Code-Sitzung und testen Sie die Navigation zu einer Site wie reddit.com; das Repo enthält einen screenshot-basierten Verifizierungsschritt.

Anwendungsfälle

• Blockierte Sites der offiziellen Erweiterung durchsuchen: Wenn die offizielle Erweiterung Domains blockiert (das Repo nennt Kategorien wie Banking, Investing, Payments/Transfers, Glücksspiel, Dating usw.), soll Open Claude in Chrome die Navigation zu diesen Domains erlauben.
• Seiteninhalte lesen und extrahieren: Verwenden Sie Tools wie get_page_text, um Hauptartikel- oder Seitentexte zu extrahieren, für Workflows wie schnelle Überprüfung oder Zusammenfassung.
• Mit Web-Formularen interagieren: Nutzen Sie form_input, um Formularwerte per Elementreferenz zu setzen – nützlich für strukturierte Dateneingabe.
• Clientseitige Automatisierung in einer Browsingsitzung: Verwenden Sie Aktionen wie read_page (Accessibility-Tree), find (Elemente per Text/Attributen lokalisieren) und navigate/back/forward, um mehrstufige Seiten zu durchlaufen.
• Debugging oder Inspektion während automatisierter Browsing: Tools wie read_console_messages und read_network_requests zeigen Konsolenoutput und Netzwerkaktivität der Automatisierung an.

FAQ

F: Welche Browser werden unterstützt?
A: Das Projekt nennt nur Chrome und Edge kategorisch, unterstützt aber „jeden Chromium-Browser“ mit Beispielen wie Brave, Arc, Opera und Vivaldi.

F: Wie installiere ich den Native-Messaging-Host korrekt?
A: Führen Sie ./install.sh mit der auf der Erweiterungsseite des Browsers angezeigten Erweiterungs-ID aus. Bei mehreren Browsern übergeben Sie alle relevanten IDs. Starten Sie den Browser danach neu, bevor Sie Claude Code nutzen.

F: Wie verbinde ich Open Claude in Chrome mit Claude Code?
A: Fügen Sie es als MCP in Claude Code hinzu: claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js mit dem absoluten Pfad zu host/mcp-server.js.

F: Was tun, wenn die Erweiterung nicht verbindet?
A: Das Repo empfiehlt, zu prüfen, ob die Erweiterung geladen und aktiviert ist, ./install.sh mit der richtigen ID ausgeführt wurde, den Browser vollständig neu gestartet und die Native-Messaging-Host-Manifestdatei im NativeMessagingHosts-Verzeichnis des Browsers vorhanden ist. Es wird auch ein absoluter Pfad beim Hinzufügen des MCP-Servers empfohlen.

F: Enthält Open Claude in Chrome dieselben Browser-Tools wie die offizielle Erweiterung?
A: Das Repo listet 18 MCP-Tools auf und stellt sie als „dieselben 18 MCP-Tools“ wie bei Claude in Chrome dar.

Alternativen

• Offizielle „Claude in Chrome“-Extension nutzen: Das würde dem gleichen allgemeinen Claude-in-Browser-Workflow entsprechen, aber das Repo betont, dass die offizielle Extension eine Domain-Blocklist enthält.
• Andere AI-Browser-Automatisierungsansätze: Suchen Sie nach Tools, die ein LLM mit Browser-Automatisierung über Protokolle oder Agent-Frameworks integrieren (der Hauptunterschied ist, ob sie MCP-ähnliche Tool-Exposition nutzen und wie sie Browser-Einschränkungen handhaben).
• Generische Browser-Automatisierung (ohne LLM): Automatisierungs-Frameworks können Seiten navigieren und interagieren, ohne LLM-Tool-Layer, bieten aber nicht dasselbe LLM-facing Tool-Set wie in der MCP-Integration.