Open Claude in Chrome

Cos'è Open Claude in Chrome?

Open Claude in Chrome è una reimplementazione open-source, clean-room di un'estensione browser “Claude in Chrome”. Collega Claude Code a un browser basato su Chromium tramite automazione browser e lo stesso set di strumenti MCP (Model Context Protocol).

Il suo scopo principale è fornire navigazione browser e azioni in-page senza il comportamento di restrizione domini descritto per l'estensione ufficiale, mantenendo parità di funzionalità e prestazioni come rivendicato dal progetto.

Caratteristiche Principali

• Nessuna blocklist domini: A differenza dell'estensione ufficiale (che elenca 58 domini bloccati per categorie), Open Claude in Chrome è pensato per navigare ovunque.
• Reimplementazione clean-room (open source, licenza MIT): Il codice sorgente è disponibile sotto licenza MIT.
• Funziona con qualsiasi browser Chromium: Browser supportati includono Chrome ed Edge di default, con browser Chromium aggiuntivi come Brave, Arc, Opera, Vivaldi, ecc.
• Stessi 18 strumenti MCP di Claude in Chrome: Il progetto elenca 18 endpoint tool e li posiziona come identici all'estensione ufficiale.
• Architettura di automazione browser con tre componenti: Un'estensione (Manifest V3 con automazione basata su CDP), un server MCP (processo Node.js avviato da Claude Code) e un bridge host native messaging per collegare il server MCP all'estensione.

Come Usare Open Claude in Chrome

1. Prepara i prerequisiti: Installa Node.js v18+ e un browser Chromium supportato. Usa anche Claude Code v2.0.73+.
2. Installa le dipendenze dell'estensione:
   • cd host
   • npm install
   • cd ..
3. Carica l'estensione:
   • Apri la pagina estensioni del browser (es. chrome://extensions, brave://extensions, edge://extensions).
   • Abilita Modalità sviluppatore.
   • Clicca Carica estensione non pacchettizzata e seleziona la directory extension/.
   • Copia l'ID estensione mostrato sotto il nome dell'estensione.
4. Registra l'host native messaging:
   • Esegui ./install.sh <your-extension-id>.
   • Se usi più browser, passa più ID (il formato esempio è nel repo).
5. Riavvia il browser: Il browser legge le configurazioni host native messaging all'avvio.
6. Aggiungi MCP a Claude Code:
   • Esegui: claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js
   • Il repo suggerisce di determinare il percorso assoluto con: echo "node $(pwd)/host/mcp-server.js"
7. Verifica: Avvia una nuova sessione Claude Code e testa la navigazione a un sito come reddit.com; il repo include un passo di verifica basato su screenshot.

Casi d'Uso

• Navigazione su siti bloccati nell'estensione ufficiale: Se l'estensione ufficiale blocca domini specifici (il repo elenca categorie come banking, investing, payments/transfers, gambling, dating, ecc.), Open Claude in Chrome è pensato per permettere la navigazione su quei domini.
• Lettura ed estrazione contenuto pagina: Usa tool forniti come get_page_text per estrarre testo articolo principale o pagina, supportando workflow come review rapida o summarizzazione.
• Interazione con form web: Usa form_input per impostare valori form per riferimento elemento, utile per task di immissione dati strutturati.
• Automazione client-side in sessione di browsing: Usa azioni come read_page (albero accessibilità), find (localizza elementi per testo/attributi) e navigate/back/forward per progredire su pagine multi-passo.
• Debug o ispezione durante browsing automatizzato: Tool come read_console_messages e read_network_requests aiutano a vedere output console e attività network incontrate dall'automazione.

FAQ

D: Quali browser sono supportati?
R: Il progetto specifica solo Chrome ed Edge per categoria, ma supporta “qualsiasi browser Chromium”, elencando esempi come Brave, Arc, Opera e Vivaldi.

D: Come installo correttamente l'host native messaging?
R: Esegui ./install.sh con l'ID estensione mostrato nella pagina estensioni del browser. Se usi più browser, passa tutti gli ID rilevanti. Poi riavvia il browser prima di usare Claude Code.

D: Come collego Open Claude in Chrome a Claude Code?
R: Aggiungilo come MCP in Claude Code con claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js, usando il percorso assoluto a host/mcp-server.js.

D: Cosa fare se l'estensione non si connette?
R: Il repo suggerisce di verificare che l'estensione sia caricata e abilitata, confermare che ./install.sh sia stato eseguito con l'ID estensione corretto, riavviare completamente il browser e controllare che il manifest host native messaging esista nella directory NativeMessagingHosts del browser. Menziona anche di usare un percorso assoluto quando si aggiunge il server MCP.

D: Open Claude in Chrome include gli stessi tool browser dell'estensione ufficiale?
R: Il repo elenca 18 tool MCP e li presenta come i “stessi 18 tool MCP” di Claude in Chrome.

Alternative

• Usa l’estensione ufficiale “Claude in Chrome”: Riproduce lo stesso flusso di lavoro generale di Claude nel browser, ma il repo sottolinea che l’estensione ufficiale include una blocklist domini.
• Altri approcci di automazione browser con AI: Cerca tool che integrano un LLM con l’automazione browser tramite protocolli o framework agent (la differenza chiave è se usano esposizione tool in stile MCP e come gestiscono le restrizioni browser).
• Automazione browser generica (non-LLM): I framework di automazione possono navigare e interagire con le pagine senza uno strato tool LLM, ma non forniranno lo stesso set di tool orientato all’LLM descritto nell’integrazione MCP.