Communitygithub.com

agent-browser

CLI de automatización de navegador para agentes de IA. Útil cuando el usuario necesita interactuar con sitios web, incluyendo navegar por páginas, llenar formularios, hacer clic en botones, tomar capturas de pantalla, extraer datos, probar aplicaciones web o automatizar cualquier tarea del navegador.

¿Qué es agent-browser?

agent-browser es una herramienta CLI de automatización de navegador rápida y nativa, diseñada específicamente para agentes de IA. Se integra con Chrome/Chromium a través del protocolo CDP (Chrome DevTools Protocol) y utiliza instantáneas del árbol de accesibilidad con referencias compactas a elementos `@eN`, lo que permite una interacción precisa y confiable con las páginas web. Su utilidad principal radica en que permite a los agentes de IA realizar tareas complejas de navegación web de forma autónoma, como rellenar formularios, hacer clic en botones, tomar capturas de pantalla, extraer datos, y automatizar pruebas de aplicaciones web. La herramienta funciona con cualquier agente de IA (Cursor, Claude Code, Codex, Continue, Windsurf, etc.) y ofrece características avanzadas como sesiones persistentes, bóveda de autenticación, grabación de video y un panel de observabilidad en el puerto 4848 para monitorear el estado y el tráfico de las sesiones. Para comenzar, el usuario debe instalar el CLI globalmente con `npm i -g agent-browser && agent-browser install`, y luego cargar el contenido de trabajo real desde el CLI usando `agent-browser skills get core`. El CLI también proporciona habilidades especializadas para aplicaciones Electron, automatización de Slack, pruebas exploratorias y más.

Compatible con✓Claude Code✓Codex CLI✓Cursor✓Windsurf
npx skills add https://github.com/vercel-labs/agent-browser/tree/main/skills/agent-browser

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace agent-browser?

CLI de automatización de navegador rápida para agentes de IA. Chrome/Chromium vía CDP con instantáneas del árbol de accesibilidad y referencias compactas a elementos @eN.

Instalación: npm i -g agent-browser && agent-browser install

Comenzar aquí

Este archivo es un stub de descubrimiento, no la guía de uso. Antes de ejecutar cualquier comando de agent-browser, carga el contenido de trabajo real desde el CLI:

agent-browser skills get core             # comenzar aquí — flujos de trabajo, patrones comunes, solución de problemas
agent-browser skills get core --full      # incluye la referencia completa de comandos y plantillas

El CLI proporciona contenido de habilidades que siempre coincide con la versión instalada, por lo que las instrucciones nunca quedan obsoletas. El contenido de este stub no puede cambiar entre versiones, por eso solo apunta a skills get core.

Habilidades especializadas

Carga una habilidad especializada cuando la tarea esté fuera de las páginas web del navegador:

agent-browser skills get electron          # Aplicaciones de escritorio Electron (VS Code, Slack, Discord, Figma, ...)
agent-browser skills get slack             # Automatización de espacios de trabajo de Slack
agent-browser skills get dogfood           # Pruebas exploratorias / QA / caza de errores
agent-browser skills get derive-client     # Graba un HAR, obtén un cliente API independiente para un sitio
agent-browser skills get vercel-sandbox    # agent-browser dentro de microVMs de Vercel Sandbox
agent-browser skills get protected-vercel-deployments  # Accede a despliegues protegidos de Vercel
agent-browser skills get agentcore         # Navegadores en la nube de AWS Bedrock AgentCore

Ejecuta agent-browser skills list para ver todo lo disponible en la versión instalada.

Por qué agent-browser

  • CLI nativo rápido en Rust, no un envoltorio de Node.js
  • Funciona con cualquier agente de IA (Cursor, Claude Code, Codex, Continue, Windsurf, etc.)
  • Chrome/Chromium vía CDP sin dependencia de Playwright o Puppeteer
  • Instantáneas del árbol de accesibilidad con referencias a elementos para una interacción confiable
  • Sesiones, bóveda de autenticación, persistencia de estado, grabación de video
  • Habilidades especializadas para aplicaciones Electron, Slack, pruebas exploratorias, proveedores de nube

Panel de observabilidad

El panel se ejecuta independientemente de las sesiones del navegador en el puerto 4848 y también se puede abrir a través de una URL proxy o reenviada como https://dashboard.agent-browser.localhost. Los agentes deben mantenerse en el origen del panel: las pestañas de sesión, el estado y el tráfico de transmisión se proxy internamente, por lo que no es necesario exponer los puertos de sesión.

Individual skills in this repo

This repo contains 8 individual skills — each has its own dedicated page.

vercel-labs/agentcore

Run agent-browser on AWS Bedrock AgentCore cloud browsers. Use when the user wants to use AgentCore, run browser automation on AWS, use a cloud browser with AWS credentials, or needs a managed browser session backed by AWS infrastructure. Triggers include "use agentcore", "run on AWS", "cloud browser with AWS", "bedrock browser", "agentcore session", or any task requiring AWS-hosted browser automation.

vercel-labs/derive-client

Reverse-engineer a website's internal API by recording browser traffic into a HAR file, then generate a standalone client or CLI that calls the endpoints directly, with no browser needed after the first recording. Use when asked to "derive a client", "build a CLI for <site>", "reverse engineer this site's API", "record network requests", "turn this site into an API", or when the same site will be automated repeatedly and direct HTTP calls would beat driving the browser every time.

vercel-labs/dogfood

Systematically explore and test a web application to find bugs, UX issues, and other problems. Use when asked to "dogfood", "QA", "exploratory test", "find issues", "bug hunt", "test this app/site/platform", or review the quality of a web application. Produces a structured report with full reproduction evidence -- step-by-step screenshots, repro videos, and detailed repro steps for every issue -- so findings can be handed directly to the responsible teams.

vercel-labs/electron

Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include "automate Slack app", "control VS Code", "interact with Discord app", "test this Electron app", "connect to desktop app", or any task requiring automation of a native Electron application.

vercel-labs/protected-vercel-deployments

Access and test Vercel deployments protected by Vercel Authentication, SSO, or Deployment Protection with agent-browser. Use when a preview or production URL redirects to a Vercel login page, returns a protection 401 or 403, or needs short-lived Trusted Sources OIDC authentication instead of a static bypass secret or public exception.

vercel-labs/slack

Interact with Slack workspaces using browser automation. Use when the user needs to check unread channels, navigate Slack, send messages, extract data, find information, search conversations, or automate any Slack task. Triggers include "check my Slack", "what channels have unreads", "send a message to", "search Slack for", "extract from Slack", "find who said", or any task requiring programmatic Slack interaction.

vercel-labs/vercel-sandbox

Run agent-browser + Chrome inside Vercel Sandbox microVMs for browser automation from any Vercel-deployed app. Use when the user needs browser automation in a Vercel app (Next.js, SvelteKit, Nuxt, Remix, Astro, etc.), wants to run headless Chrome without binary size limits, needs persistent browser sessions across commands, or wants ephemeral isolated browser environments. Triggers include "Vercel Sandbox browser", "microVM Chrome", "agent-browser in sandbox", "browser automation on Vercel", or any task requiring Chrome in a Vercel Sandbox.

vercel-labs/webmcp-gen

Build and validate experimental WebMCP tools for an existing web page. Use when an agent needs to expose a site's real workflows as page tools, create webmcp.init.js, define deterministic checks, or compare WebMCP with accessibility-tree automation.

Skills relacionados