Open Claude in Chrome

¿Qué es Open Claude in Chrome?

Open Claude in Chrome es una reimplementación completamente open-source y “clean-room” de una extensión de navegador “Claude in Chrome”. Conecta Claude Code con un navegador basado en Chromium mediante automatización de navegador y el mismo conjunto de herramientas MCP (Model Context Protocol).

Su propósito principal es ofrecer navegación en el navegador y acciones en la página sin las restricciones de dominios de la extensión oficial, manteniendo paridad en funciones y rendimiento según afirma el proyecto.

Características clave

• Sin lista de dominios bloqueados: A diferencia de la extensión oficial (que lista 58 dominios bloqueados por categorías), Open Claude in Chrome permite navegar a cualquier sitio.
• Reimplementación clean-room (open source, licencia MIT): El código fuente está disponible bajo licencia MIT.
• Funciona con cualquier navegador Chromium: Incluye Chrome y Edge por defecto, y menciona otros como Brave, Arc, Opera, Vivaldi, etc.
• Mismos 18 tools MCP que Claude in Chrome: El proyecto lista 18 endpoints de herramientas y los presenta como idénticos a la extensión oficial.
• Arquitectura de automatización de navegador con tres componentes: Una extensión (Manifest V3 con automatización basada en CDP), un servidor MCP (proceso Node.js iniciado por Claude Code) y un puente de host de mensajería nativa para conectar el servidor MCP con la extensión.

Cómo usar Open Claude in Chrome

1. Prepara los requisitos previos: Instala Node.js v18+ y un navegador Chromium compatible. Usa también Claude Code v2.0.73+.
2. Instala dependencias de la extensión:
   • cd host
   • npm install
   • cd ..
3. Carga la extensión:
   • Abre la página de extensiones de tu navegador (p. ej., chrome://extensions, brave://extensions, edge://extensions).
   • Activa Modo de desarrollador.
   • Haz clic en Cargar sin empaquetar y selecciona el directorio extension/.
   • Copia el ID de la extensión que aparece bajo el nombre.
4. Registra el host de mensajería nativa:
   • Ejecuta ./install.sh <your-extension-id>.
   • Si usas varios navegadores, pasa varios IDs (el formato de ejemplo está en el repositorio).
5. Reinicia el navegador: El navegador lee las configuraciones de host de mensajería nativa al inicio.
6. Añade MCP a Claude Code:
   • Ejecuta: claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js
   • El repositorio sugiere obtener la ruta absoluta con: echo "node $(pwd)/host/mcp-server.js"
7. Verifica: Inicia una nueva sesión de Claude Code y prueba navegación a un sitio como reddit.com; el repositorio incluye un paso de verificación basado en captura de pantalla.

Casos de uso

• Navegar a sitios bloqueados en la extensión oficial: Si la extensión oficial bloquea dominios específicos (el repositorio enumera categorías como banca, inversiones, pagos/transferencias, apuestas, citas y más), Open Claude in Chrome permite acceder a ellos.
• Leer y extraer contenido de páginas: Usa herramientas como get_page_text para extraer texto principal de artículos o páginas, ideal para revisiones rápidas o resúmenes.
• Interactuar con formularios web: Usa form_input para establecer valores en formularios por referencia de elemento, útil para tareas de entrada de datos estructurados.
• Automatización del lado cliente en sesiones de navegación: Usa acciones como read_page (árbol de accesibilidad), find (localizar elementos por texto/atributos) y navigate/back/forward para avanzar en páginas multi-paso.
• Depuración o inspección durante navegación automatizada: Herramientas como read_console_messages y read_network_requests ayudan a ver salida de consola y actividad de red durante la automatización.

Preguntas frecuentes

P: ¿Qué navegadores están soportados?
R: El proyecto indica solo Chrome y Edge por categoría, pero soporta “cualquier navegador Chromium”, con ejemplos como Brave, Arc, Opera y Vivaldi.

P: ¿Cómo instalo correctamente el host de mensajería nativa?
R: Ejecuta ./install.sh con el ID de la extensión de la página de extensiones de tu navegador. Si usas varios navegadores, pasa todos los IDs relevantes. Luego reinicia el navegador antes de usar Claude Code.

P: ¿Cómo conecto Open Claude in Chrome a Claude Code?
R: Añádelo como MCP en Claude Code con claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js, usando la ruta absoluta a host/mcp-server.js.

P: ¿Qué hago si la extensión no se conecta?
R: El repositorio sugiere verificar que la extensión esté cargada y activada, confirmar que ./install.sh se ejecutó con el ID correcto, reiniciar completamente el navegador y comprobar que el manifiesto del host de mensajería nativa existe en el directorio NativeMessagingHosts del navegador. También menciona usar una ruta absoluta al añadir el servidor MCP.

P: ¿Open Claude in Chrome incluye las mismas herramientas de navegador que la extensión oficial?
R: El repositorio lista 18 tools MCP y los presenta como los “mismos 18 tools MCP” que Claude in Chrome.

Alternativas

• Usa la extensión oficial “Claude in Chrome”: Esto coincidiría con el mismo flujo de trabajo general de Claude en el navegador, pero el repositorio enfatiza que la extensión oficial incluye una lista de bloqueo de dominios.
• Otros enfoques de automatización de navegador con IA: Busca herramientas que integren un LLM con automatización de navegador mediante protocolos o frameworks de agentes (la diferencia clave es si usan exposición de herramientas estilo MCP y cómo manejan las restricciones del navegador).
• Automatización de navegador genérica (sin LLM): Los frameworks de automatización pueden navegar e interactuar con páginas sin una capa de herramientas LLM, pero no proporcionarán el mismo conjunto de herramientas orientadas a LLM descrito en la integración MCP.