Open Claude in Chrome

Qu'est-ce qu'Open Claude in Chrome ?

Open Claude in Chrome est une réimplémentation open source “clean-room” complète d'une extension de navigateur “Claude in Chrome”. Elle connecte Claude Code à un navigateur basé sur Chromium via l'automatisation du navigateur et le même ensemble d'outils MCP (Model Context Protocol).

Son objectif principal est de fournir la navigation dans le navigateur et les actions en page sans le comportement de restriction de domaine décrit pour l'extension officielle, tout en maintenant la parité des fonctionnalités et des performances comme revendiqué par le projet.

Fonctionnalités principales

• Pas de liste de blocage de domaines : Contrairement à l'extension officielle (qui liste 58 domaines bloqués par catégories), Open Claude in Chrome est conçu pour naviguer partout.
• Réimplémentation “clean-room” (open source, licence MIT) : Le code source est disponible sous licence MIT.
• Fonctionne avec n'importe quel navigateur Chromium : Les navigateurs supportés incluent Chrome et Edge par défaut, avec d'autres navigateurs Chromium mentionnés comme Brave, Arc, Opera, Vivaldi, etc.
• Les mêmes 18 outils MCP que Claude in Chrome : Le projet liste 18 points d'accès aux outils et les positionne comme identiques à ceux de l'extension officielle.
• Architecture d'automatisation du navigateur avec trois composants : Une extension (Manifest V3 avec automatisation basée sur CDP), un serveur MCP (processus Node.js lancé par Claude Code), et un pont hôte de messagerie native pour connecter le serveur MCP à l'extension.

Comment utiliser Open Claude in Chrome

1. Préparez les prérequis : Installez Node.js v18+ et un navigateur Chromium supporté. Utilisez aussi Claude Code v2.0.73+.
2. Installez les dépendances de l'extension :
   • cd host
   • npm install
   • cd ..
3. Chargez l'extension :
   • Ouvrez la page des extensions de votre navigateur (ex. : chrome://extensions, brave://extensions, edge://extensions).
   • Activez le mode Développeur.
   • Cliquez sur Charger l'extension décompressée et sélectionnez le répertoire extension/.
   • Copiez l'ID de l'extension affiché sous le nom de l'extension.
4. Enregistrez l'hôte de messagerie native :
   • Exécutez ./install.sh <your-extension-id>.
   • Si vous utilisez plusieurs navigateurs, passez plusieurs ID (format d'exemple fourni dans le repo).
5. Redémarrez le navigateur : Le navigateur lit les configurations d'hôte de messagerie native au démarrage.
6. Ajoutez MCP à Claude Code :
   • Exécutez : claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js
   • Le repo suggère de déterminer le chemin absolu avec : echo "node $(pwd)/host/mcp-server.js"
7. Vérifiez : Lancez une nouvelle session Claude Code et testez la navigation vers un site comme reddit.com ; le repo inclut une étape de vérification basée sur une capture d'écran.

Cas d'utilisation

• Naviguer sur des sites bloqués dans l'extension officielle : Si l'extension officielle bloque des domaines spécifiques (le repo énumère des catégories comme banque, investissement, paiements/transferts, jeux d'argent, rencontres, etc.), Open Claude in Chrome est conçu pour permettre la navigation vers ces domaines.
• Lire et extraire le contenu de page : Utilisez les outils fournis comme get_page_text pour extraire le texte principal d'un article ou d'une page, soutenant des workflows comme la revue rapide ou la synthèse.
• Interagir avec des formulaires web : Utilisez form_input pour définir les valeurs de formulaire par référence d'élément, utile pour les tâches de saisie de données structurées.
• Automatisation côté client dans une session de navigation : Utilisez des actions comme read_page (arbre d'accessibilité), find (localiser les éléments par texte/attributs), et navigate/back/forward pour progresser dans des pages multi-étapes.
• Débogage ou inspection pendant la navigation automatisée : Des outils comme read_console_messages et read_network_requests aident les utilisateurs à voir la sortie console et l'activité réseau rencontrée par l'automatisation.

FAQ

Q : Quels navigateurs sont supportés ?
R : Le projet mentionne Chrome et Edge uniquement par catégorie, mais supporte aussi “tout navigateur Chromium”, avec des exemples comme Brave, Arc, Opera et Vivaldi.

Q : Comment installer correctement l'hôte de messagerie native ?
R : Exécutez ./install.sh avec l'ID de l'extension affiché sur la page des extensions de votre navigateur. Si vous utilisez plusieurs navigateurs, passez tous les ID pertinents. Redémarrez ensuite le navigateur avant d'utiliser Claude Code.

Q : Comment connecter Open Claude in Chrome à Claude Code ?
R : Ajoutez-le comme MCP dans Claude Code avec claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js, en utilisant le chemin absolu vers host/mcp-server.js.

Q : Que faire si l'extension ne se connecte pas ?
R : Le repo suggère de vérifier que l'extension est chargée et activée, de confirmer que ./install.sh a été exécuté avec le bon ID d'extension, de redémarrer complètement le navigateur, et de vérifier que le manifeste de l'hôte de messagerie native existe dans le répertoire NativeMessagingHosts du navigateur. Il mentionne aussi d'utiliser un chemin absolu lors de l'ajout du serveur MCP.

Q : Open Claude in Chrome inclut-il les mêmes outils de navigateur que l'extension officielle ?
R : Le repo liste 18 outils MCP et les présente comme les “mêmes 18 outils MCP” que Claude in Chrome.

Alternatives

• Utiliser l’extension officielle « Claude in Chrome » : Cela correspond au même flux de travail général Claude-dans-le-navigateur, mais le dépôt souligne que l’extension officielle inclut une liste de blocage de domaines.
• Autres approches d’automatisation de navigateur par IA : Recherchez des outils qui intègrent un LLM à l’automatisation de navigateur via des protocoles ou frameworks d’agents (la différence clé est l’utilisation d’une exposition d’outils de style MCP et la gestion des restrictions du navigateur).
• Automatisation de navigateur générique (sans LLM) : Les frameworks d’automatisation peuvent naviguer et interagir avec les pages sans couche d’outils LLM, mais ils ne fournissent pas le même ensemble d’outils orienté LLM décrit dans l’intégration MCP.