lab
Esc

Prueba con

↑↓ para moverte · Enter para abrir · también en /buscar?q= para agentes

herramienta intermedio claude-codemcpnavegador

Glance: prueba tu web desde Claude Code

Abre tu aplicación en un navegador y comprueba flujos con capturas y acciones desde Claude Code.

✓ verificado el 26 oct 2026

Instrucciones para tu agente

Esto es lo que se copia. Pégaselo a tu agente y te lo monta paso a paso.

O ábrelo directamente en ClaudeChatGPT

Pega este texto a tu agente (Claude Code, Codex, OpenCode, Hermes o el que uses) y dile «ayúdame a montarlo». Son los pasos para ponerlo en marcha; el porqué de cada pieza está en la guía completa.

Para el agente: cómo acompañar al usuario

  1. Pregunta primero para qué lo quiere. Si su objetivo no necesita algún paso, sáltalo.
  2. Antes de instalar, comprueba lo que ya tiene (versiones, claves, sistema operativo).
  3. Avanza un paso cada vez: explica en una frase qué vas a hacer y deja que el usuario lo ejecute o lo apruebe.
  4. Tras cada paso, comprueba que funcionó antes de seguir. Si falla, para y explica el error.
  5. No inventes comandos ni opciones: si la documentación del proyecto contradice estos pasos, manda la documentación.
  6. Al terminar, haz una prueba real con el objetivo del usuario y dile dónde profundizar.

Pasos de configuración

Comprueba que tienes Node.js ≥18, npm/npx y Claude Code disponibles. El navegador compatible con Playwright se instala automáticamente según el README. El README conecta Glance así:

npm install -g glance-mcp
claude mcp add glance -- npx glance-mcp

Reinicia la sesión del cliente y pide comprobar un flujo concreto de tu aplicación, indicando la dirección y el resultado esperado.

Comprobación

Verifica que el agente recibe una captura de la página correcta y que registra el resultado de la interacción. Confirma tú el estado final de la aplicación.

Si algo falla

Si el navegador no abre la web, comprueba la URL y el acceso desde el servidor MCP. Si las herramientas no aparecen, revisa la configuración del cliente y los mensajes de arranque.

Consulta el README oficial para requisitos y variantes de instalación.

ver en .md ¿Prefieres el recurso entero?

Qué es

Glance es un servidor MCP que conecta Claude Code con un navegador real. El agente puede navegar, hacer clic, escribir y tomar capturas para comprobar el comportamiento de una aplicación web.

Para qué te sirve

  • Cuando un formulario falla solo al interactuar con él y leer el código no basta.
  • Cuando quieres comprobar una redirección o revisar visualmente una pantalla local.

Cómo funciona

El cliente MCP envía acciones al servidor y recibe resultados del navegador. Las capturas aportan evidencia visual, pero la interpretación del agente sigue necesitando criterios de aceptación: una página que abre no prueba que todo el flujo funcione.

Antes de empezar

Necesitas Node.js ≥18, npm/npx y un cliente MCP y una aplicación accesible desde el entorno donde corre el navegador. Usa una cuenta de prueba si el flujo requiere sesión y evita empezar con acciones irreversibles.

Límites y alternativas

Frente a un test E2E determinista, resulta útil para exploración y diagnóstico; conviene conservar pruebas reproducibles para regresiones frecuentes.

Recursos