Automatización y navegador Guía paso a paso

Browser Harness: que Claude Code use tu Chrome y aprenda cada web

Browser Harness conecta Claude Code con el Chrome que ya usas, con tus sesiones iniciadas, para que haga clics, rellene formularios y extraiga datos de webs que exigen interacción. Cuando le falta una función, la escribe y la guarda para la próxima vez. Te explicamos cómo instalarlo, cómo usarlo con seguridad y para qué tareas compensa.

Nivel
Intermedio
Qué necesitas
Claude Code (o Codex), Google Chrome o Chromium y la herramienta uv; no necesita clave de API para usar el navegador local.
Cuánto lleva
Unos 10 minutos para instalarlo y conectarlo a Chrome

Herramientas que usa esta guía

01 Qué es y en qué se diferencia

Browser Harness es una herramienta de código abierto del equipo de browser-use que conecta un agente de IA directamente a tu navegador real mediante el protocolo de depuración de Chrome (CDP). No abre un navegador vacío: usa tu Chrome, con tus cookies y tus sesiones, así que puede trabajar en paneles donde ya has iniciado sesión.

Su idea central es que el agente mejora con el uso. Trae un conjunto de funciones básicas protegidas y un espacio de trabajo donde el propio agente escribe las funciones auxiliares que le faltan (subir un archivo, leer una tabla concreta, recorrer una paginación). La próxima tarea parecida ya las tiene.

01

Úsalo cuando…

La tarea requiere clics, escribir o navegar; necesitas tu sesión iniciada; la página se genera con JavaScript o tiene protección contra bots.

02

No lo uses cuando…

Basta con leer una página pública o una API. Un fetch normal es más rápido, más barato y no toca tu navegador.

03

Frente a otros agentes de navegador

Algunas alternativas se centran en gastar menos tokens al describir la página. Browser Harness prioriza trabajar en tu navegador real y acumular capacidades con cada tarea.

02 Instalación paso a paso

  1. 1

    Instala la herramienta con uv

    Se instala como herramienta de línea de comandos con Python 3.12. Las opciones --upgrade y --force sustituyen cualquier versión anterior.

  2. 2

    Registra la skill en Claude Code

    El comando browser-harness skill imprime las instrucciones de la skill. Guárdalas como SKILL.md en una carpeta browser-harness dentro de tus skills de Claude Code.

  3. 3

    Permite la depuración remota en Chrome

    Abre chrome://inspect/#remote-debugging y marca la casilla que permite la depuración remota para esa instancia. Es un paso manual que solo se hace una vez.

  4. 4

    Prueba la conexión

    Ejecuta page_info() a través de browser-harness. Si imprime datos de la pestaña, está conectado. En macOS puede aparecer una ventana de permiso por conexión: browser-harness mac-approve la gestiona.

  5. 5

    Decide si quieres grabaciones

    La herramienta puede guardar capturas y trazas de lo que hace en tu equipo. Por defecto es no; actívalo solo si te compensa, porque pueden contener datos sensibles.

bash · Instalación para Claude Code (macOS o Linux)
uv tool install --python 3.12 --upgrade --force browser-harness

mkdir -p ~/.claude/skills/browser-harness
browser-harness skill > ~/.claude/skills/browser-harness/SKILL.md

# Prueba de conexión con tu Chrome
browser-harness <<'PY'
print(page_info())
PY

# Si algo falla
browser-harness --doctor

03 Cómo aprende: funciones auxiliares y skills por web

Todo el estado vive por defecto en ~/.config/browser-harness: el espacio de trabajo del agente, los registros y las capturas. Ahí está agent_helpers.py, el archivo donde el agente añade sus propias funciones. El núcleo de la herramienta queda protegido para que una función mal escrita no lo rompa.

Además existen skills de dominio: notas por sitio web con los pasos y trucos para tareas concretas, escritas por agentes y aportadas por la comunidad al repositorio. Están desactivadas por defecto; con la variable BH_DOMAIN_SKILLS=1 el agente las consulta antes de improvisar en una web conocida.

bash · Activar las skills de dominio
export BH_DOMAIN_SKILLS=1

04 Prompts para empezar

Prompt · Investigación de competencia
Usa browser-harness. Abre en una pestaña nueva las webs de estos tres competidores: [URL 1], [URL 2], [URL 3]. Para cada uno, anota los servicios que ofrecen, si publican precios, qué llamada a la acción usan en la portada y si tienen chat o formulario. Devuélveme una tabla comparativa y cierra las pestañas que hayas abierto.
Prompt · Extraer datos de un panel con sesión iniciada
Usa browser-harness con mi sesión de Chrome. Entra en el panel de [herramienta], ve al informe de pedidos del último mes y extrae fecha, cliente, importe y estado de cada pedido a un CSV en esta carpeta. Solo lectura: no pulses ningún botón que modifique datos. Si necesitas una función nueva para recorrer la paginación, guárdala para reutilizarla.
Prompt · Convertir una tarea repetida en procedimiento
Acabamos de descargar las facturas del portal del proveedor. Revisa qué pasos han funcionado y deja documentado en el espacio de trabajo de browser-harness el procedimiento para repetirlo el mes que viene, incluidos los problemas que has encontrado y cómo los resolviste.

05 Seguridad y buenas prácticas

  • ✓No dejes a un agente navegando sin supervisión por webs que no conoces: una página puede contener instrucciones ocultas.
  • ✓Revisa de vez en cuando agent_helpers.py: es código que ha escrito el agente y se ejecutará en tu equipo.
  • ✓Respeta los términos de uso de cada web; automatizar algunas plataformas puede suponer el bloqueo de la cuenta.
  • ✓Si no usas la telemetría, puedes desactivarla con browser-harness telemetry disable.
  • ✓Actualiza con browser-harness --update -y cuando el diagnóstico avise de una versión nueva.

06 Ejecutarlo sin tu ordenador

En local, el agente necesita tu Chrome abierto. Si quieres tareas continuas, el mismo equipo publica bux, un instalador que monta Claude Code con navegador en un servidor Ubuntu propio y te permite darle órdenes por Telegram. Requiere una clave de su servicio en la nube, así que valora antes el coste y dónde quedan tus datos. También hay navegadores remotos opcionales para tareas en paralelo, que se activan con browser-harness auth login.

Preguntas frecuentes

Sí, la herramienta es de código abierto y el uso con tu Chrome local no necesita clave de API. Solo pagas tu plan de Claude. Los navegadores en la nube de browser-use son un servicio opcional de pago.

Sí. Está pensado para Claude Code y Codex, y además ofrece un servidor MCP (browser-harness-mcp) para clientes compatibles con MCP como Cursor.

No. Trabaja en segundo plano: abre y usa pestañas sin cambiar la que estás viendo, salvo que le pidas expresamente que te la muestre.

Comprueba que Chrome está abierto y que marcaste la casilla de depuración remota en chrome://inspect/#remote-debugging. Después ejecuta browser-harness --doctor, que te dice qué comprobación falla.

Sobre el autor

Equipo editorial de appyweb

Marketing, SEO y desarrollo con IA

Especialistas de appyweb en SEO, publicidad, desarrollo web y automatización con IA.

Sigue con estas guías

Guía paso a paso · Intermedio

Agent Browser: un navegador para que Claude Code navegue, pruebe y extraiga datos

Agent Browser es una herramienta de línea de comandos de Vercel Labs que da a Claude Code su propio navegador. En lugar de capturas de pantalla, le entrega una lista numerada de elementos de la página, así que navega rápido y con poco contexto. Ideal para probar tu web, revisar landings o automatizar paneles sin API.

Unos 15 minutos para instalarlo y hacer la primera prueba Leer la guía →
Guía paso a paso · Principiante

Que Claude lea y navegue por la web: Firecrawl y Playwright en Claude Code

Guía para dar a Claude Code dos capacidades complementarias: leer páginas web convertidas en texto limpio con Firecrawl y manejar un navegador real con Playwright. Incluye la instalación de ambos servidores MCP, cuándo usar cada uno, prompts para investigar competencia o extraer datos, y los límites legales y de seguridad que conviene respetar.

Unos 15 minutos Leer la guía →
Guía paso a paso · Intermedio

Computer use y Dispatch: Claude trabajando en tu ordenador, incluso desde el móvil

Con computer use, Claude puede manejar las aplicaciones de tu ordenador cuando no hay un conector disponible: abrir programas, hacer clic, escribir y moverse por paneles internos. Dispatch permitía encargarle esas tareas desde el móvil. Aquí verás cómo activarlo, qué opciones existen hoy para trabajar a distancia, casos útiles para una empresa y las precauciones imprescindibles.

Unos 10 minutos para activarlo y probar una primera tarea. Leer la guía →
Guía paso a paso · Intermedio

Agent Reach: que Claude Code lea YouTube, X, Reddit y la web sin APIs de pago

Agent Reach instala y configura las herramientas abiertas que permiten a tu agente leer páginas web, subtítulos de YouTube, RSS, GitHub y, con tu sesión de navegador, redes como X, Reddit o Instagram. Verás cómo instalarlo de forma segura, qué canales funcionan sin login, qué riesgos tiene y cómo pedirle investigaciones útiles.

Unos 30 minutos Leer la guía →
Guía paso a paso · Intermedio

Scrapling + Claude: extrae datos de webs para prospección y análisis de competencia

Scrapling es una librería de Python de código abierto con servidor MCP integrado: Claude la usa para descargar páginas, extraer datos con selectores y devolverte tablas limpias. Esta guía explica cómo instalarla, cómo pedir extracciones útiles para una agencia o un negocio (prospección B2B, precios de la competencia, auditoría de webs) y qué límites legales tienes en España.

Unos 15 minutos de instalación y 5 minutos por extracción. Leer la guía →

¿Quieres llevar la IA a tu empresa sin pelearte con todo esto?

Diseñamos e implantamos agentes, automatizaciones y asistentes con IA a medida de tu negocio.

Ver nuestros servicios de IA

Cuéntanos tu proyecto. Te respondemos en 48 h.

Auditoría gratuita de IA, campañas, web y SEO, con prioridades y cifras reales de tu negocio.

✓ Sin compromiso ✓ Respuesta en 48 h laborables ✓ Un consultor senior, no un bot
WA WhatsApp