ASD

BrowserTools

AgentDeskAIbrowser-tools-mcp

Conecta a tu agente con la pestaña real de Chrome que ya tienes abierta, para leer consola, red, capturas y auditorías Lighthouse sin recrear tu sesión.

stdio
SolicitaCHROME_PATH
Estrellas
7.3k

del repositorio

Actualizado
anteayer

último commit

Herramientas
12

expuestas al agente

Transporte
stdio

cómo conecta

Forks
527
Issues
0

abiertos

Instalación

npx -y @agentdeskai/browser-tools-mcp@latest

Qué es BrowserTools

BrowserTools MCP le da a tu agente de código ojos sobre el navegador que ya estás usando, en vez de uno automatizado y desconectado de tus credenciales. A diferencia de servidores basados en CDP como Chrome DevTools MCP o Playwright MCP, que necesitan un perfil limpio porque Chrome ya no permite depuración remota en el perfil por defecto, BrowserTools se conecta mediante una extensión de DevTools a la pestaña donde sigues logueado, capturando lo mismo que ves.

El servidor expone logs de consola y de red, el elemento seleccionado en el panel Elements, capturas de pantalla, estado de conexión, listado de pestañas con DevTools abierto, storage del navegador y auditorías Lighthouse de accesibilidad, rendimiento, SEO y buenas prácticas. Los datos grandes (historial completo de consola, red en formato HAR, reportes Lighthouse completos, capturas) se exponen como recursos MCP en vez de inyectarse en el contexto, y cada tool acepta límites, paginación y filtros por palabra clave.

Montar esto requiere dos piezas: el servidor vía npx (Node 22.19+) y la extensión de Chrome cargada como 'unpacked' desde el repo. No hay un segundo servidor que arrancar aparte del MCP. El conector solo escucha en loopback, exige token de autenticación y redacta credenciales (Authorization, Cookie, JWTs) antes de que salgan del navegador.

Qué le permite hacer a tu agente

  • Captura logs de consola y de red de la pestaña real donde tienes DevTools abierto, atribuidos por pestaña
  • Toma capturas de pantalla y las devuelve como imagen o como ruta de archivo si son muy grandes
  • Ejecuta auditorías Lighthouse de accesibilidad, rendimiento, SEO y buenas prácticas
  • Expone historial completo, HAR y reportes Lighthouse como recursos MCP para no saturar el contexto
  • Lee localStorage, sessionStorage y cookies bajo permiso explícito, y limpia credenciales de lo capturado

Úsalo cuando

  • Necesitas depurar la app en la que ya estás logueado, sin recrear tu sesión en un perfil desechable
  • Quieres que el agente revise errores de consola o llamadas de red fallidas en tiempo real
  • Buscas correr auditorías Lighthouse de accesibilidad, rendimiento o SEO sobre una página concreta
  • Trabajas con varias pestañas a la vez y necesitas que la telemetría no se mezcle entre ellas

Herramientas que expone

Los nombres que el agente ve al conectarse.

  • getConsoleLogs
  • getConsoleErrors
  • getNetworkLogs
  • getNetworkErrors
  • getSelectedElement
  • listBrowserTabs
  • takeScreenshot
  • getBrowserStorage
  • runAccessibilityAudit
  • runPerformanceAudit
  • runSEOAudit
  • runBestPracticesAudit

Antes de conectarlo

Este servidor lee sus credenciales del entorno. Tenlas a mano antes de añadirlo a tu cliente MCP.

Variables de entorno:CHROME_PATH

Detalles

Publicado por
AgentDeskAI
Licencia
MIT
Versión
v2.0.2
Transporte
stdio

Etiquetas

  • depuración
  • navegador
  • chrome
  • lighthouse
  • devtools

¿Este servidor es tuyo? Reclama el listado para corregir cualquier dato, añadir un logo y enlazar tu documentación.

Más servidores de Herramientas para desarrolladores

Instala en tu agente de código un conjunto de skills y una metodología completa de desarrollo de software, desde el diseño hasta el TDD y las revisiones de código.

Último commit
ayer
Credenciales
herramientas desarrollo

Ruflo

67.8k

Conecta Claude Code y Codex con una capa de orquestación que despliega swarms de agentes, memoria vectorial persistente y comunicación federada entre máquinas.

Herramientas expuestas
8 herramientas
Transporte
stdio
Último commit
ayer
herramientas desarrollo

Framework de desarrollo guiado por especificaciones que estructura el trabajo con asistentes de IA en propuestas, specs, diseño y tareas antes de escribir código.

Último commit
anteayer
herramientas desarrollo

Ver toda la categoría →