Claude Browser

Varias pestañas de navegador persistentes dentro de VS Code, manejables por Claude mediante MCP.

Abre GitHub en un grupo de editor y una terminal de Claude en otro. Mantén la sesión iniciada entre reinicios. Deja que Claude lea y haga clic en la misma página que estás viendo, sin salir del editor.

Qué hace

• Muchas pestañas, no una sola. Cada pestaña del navegador es una pestaña del editor, por lo que se divide, se arrastra entre grupos y se reabre donde la dejaste.

• Las sesiones persisten. Las cookies y el almacenamiento local sobreviven a un reinicio y son compartidos por cada pestaña, por lo que iniciar sesión en Slack una vez es suficiente.

• Los sitios que se niegan a ser embehidos siguen funcionando. GitHub, Slack y Google envían todos X-Frame-Options: DENY, que es por lo que el Simple Browser integrado no puede mostrarlos.

• Claude lo maneja. La extensión aloja un endpoint MCP con herramientas para listar pestañas, navegar, capturar una página, hacer clic, escribir y leer la consola.

• Es un DOM real. No es un flujo de video de un navegador: la latencia de entrada es nativa, la selección de texto y el widget de búsqueda funcionan, y el audio se reproduce.

Primeros pasos

yarn install
yarn build

Presiona F5 para lanzar un Extension Development Host, y luego ejecuta Claude Browser: Open Browser Tab desde la paleta de comandos.

Para que Claude lo maneje, abre una terminal en la misma ventana y ejecuta claude. La extensión escribe su endpoint en el .mcp.json del espacio de trabajo, así que las herramientas ya están ahí. Ejecuta Claude Browser: Show MCP Endpoint si prefieres registrarlo manualmente.

Comandos

Remember: the commands are the ones of the extension, so they stay in English as they appear in VS Code’s command palette.

Settings

Cómo funciona, en un párrafo

Un webview de VS Code es un iframe limitado, y los sitios que valen la pena mantener abiertos se niegan a ser embebidos. Entonces la extensión corre un proxy de reescritura local: cada sitio sirve desde su propio origen de bucle de devolución como github.com.s.localhost:41998, reescribiendo los encabezados de framing y transporte en el camino. Las cookies nunca llegan al navegador en absoluto; el proxy las sostiene y las reasigna hacia arriba, lo que es la única forma en que las cookies de sesión con prefijo __Host- pueden sobrevivir a ser servidas funcionando desde un origen diferente. Se inyecta un pequeño shim esté una vez en cada página para redirigir sus llamadas de red, mantener la navegación en el proxy y ejecutar los comandos de las herramientas MCP.

Los detalles, y las cosas que este enfoque no puede hacer, están documentados en docs/.

Documentación

• Arquitectura — las piezas y cómo se comunican

• Proxy — mapeado de orígenes, reescritura de encabezados, el shim de página

• Persistencia — dónde viven las sesiones y qué sobrevive qué

• MCP — las herramientas y cómo conectar

• Seguridad — el modelo de amenazas y la protección de solicitudes

• Limitaciones — lo que no funciona, y por qué

• Desarrollo — compriar, hacer pruebas, publicar