Tema

Tamanho do texto

Fonte

Entrelinha

MÓDULO 1.3

🖱️ Computer use no navegador

Com a extensão do ChatGPT no navegador, o Astra abre sites, preenche formulários e publica. Na primeira sessão de teste ele postou um anúncio com o nome errado do produto: executou perfeitamente o pedido errado. Este módulo monta o fluxo que impede isso: extensão, rascunho antes de publicar, permissões e prova.

6
Tópicos
40
Minutos
Intermediário
Nível
Prática
Tipo
0 de 60%
1

🧩 Ligar a extensão e vincular a conta

Computer use aqui é o agente operando o seu navegador: lê a página, clica, digita, rola. A extensão do ChatGPT é o canal. Ela precisa estar instalada, habilitada e vinculada à mesma conta do app. O login nos sites é o seu: o agente usa a sessão já aberta no navegador, então tudo que ele faz é feito como você.

Habilitar

1

Instalar a extensão

Loja de extensões do navegador → extensão oficial do ChatGPT. Confira o publicador.

2

Habilitar e vincular

Ícone da extensão → habilitar → entrar com a mesma conta do app. Pode pedir login de novo.

3

Confirmar no app

No ChatGPT (área de trabalho), a opção de usar o navegador aparece como conectada.

4

Teste de leitura

Abra uma página qualquer e peça "leia o título desta aba". Se ele responder o título, o canal está aberto.

Copie e rode

Teste de leitura da aba (sem ação, só prova do canal)

Usando o navegador: abra <URL_DE_UM_SITE_SEU> e me diga o título da página e o texto do primeiro botão. Não clique em nada.
Como verificar: Título e texto do botão batem com o que você vê. Se ele "descrever" o que faria, a extensão não está vinculada.
2

📝 Rascunho primeiro: o caso do nome errado

O modo de falha não é o agente travar. É ele concluir com confiança uma versão ligeiramente errada: nome do produto, data, link, valor. Em ações reversíveis (editar um arquivo local) isso custa um rollback. Em ações públicas (postar, enviar, pagar) custa reputação. Regra: o agente redige, você lê, o agente publica só depois do seu "ok", e devolve a prova.

1 Redigir texto completo no chat 2 Você revisa nome, data, link, valor 3 "ok, publique" só depois disso 4 Prova URL + screenshot Fluxo de publicação com rascunho: o agente redige, você revisa e responde ok, o agente publica e devolve a URL como prova
O que olhar: A segunda caixa é o único ponto em que o nome errado é pego. Não existe prompt que substitua a leitura.

Copie e rode

Publicar um anúncio numa comunidade, com rascunho obrigatório

Tarefa em duas fases. NÃO publique nada na fase 1.

Fase 1 (rascunho): escreva o texto de um anúncio para <NOME_DA_COMUNIDADE> informando que <FATO_EXATO, ex.: "o treinamento X sobre GPT-6 Astra está disponível">. Use exatamente estes nomes: <LISTA DE NOMES PRÓPRIOS>. Me mostre o texto e pare.

Fase 2 (só depois que eu responder "ok, publique"): usando o navegador, abra <URL_DA_COMUNIDADE>, crie um post com o texto aprovado sem alterações, publique e me devolva a URL do post e um screenshot.
Como verificar: Fase 1 termina sem nenhuma ação no navegador. Após o ok, a URL abre no seu navegador com o texto idêntico ao aprovado. Diferença de uma palavra = rollback (editar o post) e ajuste do prompt.

⚠️ Nomes próprios vão na lista, não na cabeça

O erro do nome foi um nome de produto parecido com o anterior. Toda vez que um nome próprio importa, escreva-o literalmente no prompt e peça "use exatamente".

3

🎯 O contrato de computer use

O contrato de três linhas ganha uma quarta parte obrigatória: o site ou app exato, com URL. E a prova é sempre visual ou um estado do site (URL do resultado, screenshot). Os cinco fluxos completos (busca que vira ferramenta, teste de app, edição de vídeo, celular) estão no curso irmão Computer Use com o GPT-6 Astra; aqui fica o molde.

Copie e rode

Molde de contrato para ação no navegador

App: <site e URL exatos; aba já logada>
Resultado: <estado final observável no site>
Não faça: <não publique / não pague / não altere configurações / não saia deste domínio>
Prova: <URL do resultado + screenshot da tela final>

Se algo pedir login, senha ou pagamento, pare e me avise. Não preencha.
Como verificar: O agente para em qualquer tela de credencial. Se preencheu algo que você não deu, o "Não faça" ficou fraco ou a extensão tem autofill ligado: desligue.

✓ Bom uso do navegador

  • Ler e resumir uma página longa
  • Preencher um formulário com dados que você deu, sem enviar
  • Publicar texto aprovado e devolver a URL
  • Navegar um painel e extrair números para uma tabela

✗ Não delegue ao navegador

  • Qualquer tela de senha, cartão, documento
  • Ações irreversíveis sem rascunho (enviar, pagar, apagar)
  • Sites com CAPTCHA (ele deve parar)
  • Tarefas que se repetem toda semana: vire ferramenta (curso irmão, fluxo 1)
4

🔐 Permissões, reinícios e "continue"

Tarefas com navegador e com ferramentas externas pedem permissões novas no meio (acessar outro domínio, abrir um app). Às vezes o app reinicia. Regra: volte à mesma conversa em que a tarefa rodava e mande "continue". O agente retoma do último estado que registrou. Abrir conversa nova perde o contexto e repete o trabalho.

SintomaCausa provávelAção
Parou pedindo permissãoDomínio ou app novoLeia o pedido. Aprove se está no escopo. "continue".
Conversa sumiu da listaReordenação da barra lateralRecentes → projeto. Nunca recrie.
App reiniciouAtualização ou ferramenta pesadaReabra a mesma conversa. "continue".
Ele "descreve" em vez de agirExtensão desvinculadaTópico 1: vincular de novo, teste de leitura.
Aba mudou sozinhaVocê clicou na aba controladaDeixe a aba quieta durante a tarefa.

Copie e rode

Retomar uma tarefa interrompida sem perder o estado

continue. Antes de agir, me diga em uma linha em que passo você parou e qual é o próximo.
Como verificar: A linha descreve um passo que já aconteceu (você viu). Se descrever o início da tarefa, o contexto se perdeu: cole o contrato original e o que já foi feito.

💡 Uma conversa por tarefa longa

Tarefas que pedem permissão no meio (MCP, navegador) ganham conversa própria e pin. Misturar duas tarefas longas numa conversa faz o "continue" retomar a errada.

5

🔗 Referenciar a tela: screenshot e seleção

No app, arraste o screenshot para o prompt. No CLI, a flag -i anexa um arquivo de imagem. A extensão também permite referenciar o que está na aba a partir do chat. Toda mudança visual começa com um "antes" anexado e termina com um "depois" que o próprio agente captura.

Copie e rode

CLI: pedir uma mudança de UI a partir de um screenshot anexado

codex -i ~/Imagens/tela-antes.png "Este é o estado atual da tela principal (screenshot anexo). Deixe o painel de memórias mais legível: mais contraste, agrupamento por data, sem mudar dados nem rotas. Ao terminar, suba o dev server, capture um screenshot da mesma tela em ./tela-depois.png e me dê o caminho."
Como verificar: O arquivo tela-depois.png existe e mostra a mesma tela. Compare lado a lado antes de aceitar; "mais moderno" costuma vir mais escuro e mais vazio (módulo 1.4).

💡 Peça o depois, não tire você mesmo

Quem captura o "depois" é o agente, com o comando dele. Se você tira o screenshot na mão, a comparação some quando a tarefa é repetida por outra pessoa ou por um script.

✓ Referência boa

  • Screenshot inteiro + "o painel marcado em vermelho"
  • URL exata + texto visível do elemento
  • Nome do componente no código, se souber

✗ Referência ruim

  • "Aquele botão"
  • "A parte de cima"
  • Screenshot recortado sem contexto
6

🧪 Prática: uma ação real com rascunho e prova

Roteiro (site onde você pode editar e apagar)

1

Escolha um alvo reversível

Um post numa comunidade sua, uma página de teste, um item de um painel que você pode apagar.

2

Contrato de quatro partes

App com URL, resultado, "não faça", prova. Nomes próprios em lista.

3

Fase 1: rascunho

Leia com atenção. Introduza de propósito um nome parecido no prompt e veja se ele confunde.

4

Fase 2: publicar

Só após "ok, publique". Receba URL e screenshot.

5

Prova e rollback

Abra a URL. Se algo divergir, peça a edição pelo mesmo agente e uma nova prova.

Copie e rode

Prompt da prática, preenchido para um post de teste

App: <URL_DA_COMUNIDADE_OU_PÁGINA>, aba já logada.
Tarefa em duas fases. NÃO publique na fase 1.
Fase 1: escreva um post curto de teste com o título "Teste de publicação <DATA>" e o texto "<TEXTO_QUE_VOCÊ_ESCOLHER>". Use exatamente estes nomes: <LISTA>. Mostre e pare.
Fase 2 (após "ok, publique"): publique sem alterações, me devolva a URL e um screenshot.
Não faça: não altere outros posts, não mude configurações, não saia deste domínio.
Se pedir senha ou pagamento, pare e me avise.
Como verificar: Post publicado igual ao rascunho, URL abre, screenshot bate. Depois, peça "apague o post de teste e me mostre a lista sem ele" para fechar o ciclo com rollback.
tarefade publicarRevisar rascunhovocêEscrever contratovocêExecutaragenteConferir provavocê
O que olhar: Três fatias são suas. É assim que deve ser: o agente executa; a responsabilidade pelo que sai público é de quem lê o rascunho.

🧪 Teste rápido do módulo

Três perguntas. Clique numa opção para ver a resposta.

1. O agente "descreve" o que faria no site em vez de fazer. Causa mais provável:

2. Qual passo pega um nome de produto errado num anúncio?

3. A tarefa parou pedindo permissão e o app reiniciou. O que fazer?

📋 Resumo do módulo

Extensão - instalar, habilitar, vincular, teste de leitura da aba.
Rascunho primeiro - toda publicação em duas fases; nomes próprios em lista, "use exatamente".
Contrato de quatro partes - app com URL, resultado, não faça, prova visual.
Continue - permissão ou reinício: mesma conversa, "continue", nunca recriar.
Mostrar, não descrever - screenshot anexado no antes; o agente captura o depois.

Próximo módulo:

1.4 - Codar com o Astra: trocar, refatorar, rollback