Agentes de navegador: probar el sitio como lo ve el agente|INEMA.CLUB-PRO

Clase 5 · 15 min

Contrato de tarea para agente de navegador (objetivo, límites, prueba, parada)

"Agéndame una revisión en el sitio" parece un pedido. Para un agente de navegador, falta todo: en qué página, qué puede tocar, cómo probar que terminó y cuándo parar. En esta clase escribes el contrato de una tarea en cuatro partes y compruebas con un script que el contrato está completo antes de entregárselo a cualquier agente.

Comenzar la lección
Mesa de trabajo oscura con una hoja de checklist junto a un teclado y un monitor con un formulario, luz neutra.

En esta lección vas a

  1. 1Objetivo: dónde y qué
  2. 2Límites: qué puede y qué no puede hacer
  3. 3Prueba: el texto que se ve en la página
  4. 4Parada: cuándo detenerse y llamar a la persona

Objetivo: escribir el contrato de una tarea de navegador con objetivo, límites, prueba y parada, y comprobar que está completo.

01Las cuatro partes

Haz clic en cada bloque. Léelos de abajo hacia arriba cuando revises.

Haz clic en cada bloque del diagrama para ver lo que hace.

Sin prueba, el resultado es una promesa. Sin límites, todo el sitio está en juego. Sin parada, el agente insiste hasta inventar.

02Cómo escribir cada parte

Lo que exige conferir-contrato.mjs y por qué.

1. Objetivo

20 letras o más y un lugar: dirección o nombre de la página. "En el sitio del taller" no sirve; "en la página agendar.html" sí sirve.

Una tarea, un resultado. Dos cosas se vuelven dos contratos.

03Un contrato completo y uno vago

El mismo script revisa los dos. Los títulos de las partes también valen en inglés y en español (Goal, Limits, Proof, Stop; Objetivo, Límites, Prueba, Parada).

Archivo · kit/contratos/exemplo.md
# Contrato: horários de troca de pneu

## Objetivo
Na página http://127.0.0.1:8433/agendar.html, descobrir os horários livres de "Troca de pneu" em 2026-11-03.

## Limites
Pode preencher o formulário e clicar em "Ver horários". Não clique em "Agendar às…" nem em "Confirmar". Não saia de http://127.0.0.1:8433/.

## Prova
A página mostra "4 horários livres para Troca de pneu em 2026-11-03." Devolva os horários copiados da lista, não de memória.

## Parada
Pare e descreva a tela se aparecer login, verificação humana ou pedido de confirmação. Pare depois de 10 ações sem chegar à prova.
Terminal · verificar el contrato completo
cd ~/projetos/formacao-webmcp-navegador-v72/kit
node conferir-contrato.mjs contratos/exemplo.md; echo "saída: $?"
Terminal · verificar el contrato vago
cd ~/projetos/formacao-webmcp-navegador-v72/kit
node conferir-contrato.mjs contratos/vago.md; echo "saída: $?"
Ejemplo del repositorio
contrato ok: 4/4 partes (objetivo, limites, prova, parada) · contratos/exemplo.md
saída: 0

Las cuatro partes están presentes, cada una con lo que el script exige.

04Práctica

De lo vago a lo completo, y un contrato de tu sitio. Cada ejercicio tiene un "listo cuando".

E1 · Arreglar el contrato vago

10 min

Copia kit/contratos/vago.md a meu-contrato.md y reescríbelo hasta que el script lo acepte. Usa la página conta.html: la prueba es la lista de citas agendadas y la parada, la pantalla de login.

Listo cuando: node conferir-contrato.mjs meu-contrato.md → contrato ok: 4/4 partes y saída: 0.

E2 · Una tarea de tu sitio

15 min

Escribe el contrato de una tarea real de tu sitio (local o en homologación), solo de lectura. La prueba tiene que ser un texto que encuentres en la página ahora.

Listo cuando: node conferir-contrato.mjs contrato-site.md → contrato ok: 4/4 partes, y el texto de la prueba aparece con Ctrl+F en la página.

05Prueba de la clase

Pregunta 1 de 4

¿Cuál de estas frases sirve como prueba en un contrato de tarea?competencia

06En tres frases

Cuatro partesObjetivo con lugar, límites con un "no", prueba entre comillas, parada con número.
La prueba no es una fraseEs un texto que buscas en la página y encuentras.
Parar es un resultadoParar con el motivo exacto vale más que insistir e inventar.

Para ir más allá

Clase anteriorSiguiente clase