Construir
Preview
Como o projeto roda enquanto você constrói e o que dá para fazer no preview.
O que é o preview
- É o app que quem compra vai ver. O preview mostra o app exatamente como o seu cliente vê, sem uma visão diferente para o dono.
- É o site funcionando. Os botões clicam, o formulário envia, e o celular mostra o mesmo que vai mostrar depois.
- É privado. Só você e quem faz parte da sua organização conseguem abrir.
- Atualiza em segundos. O preview muda a cada alteração que o agente faz.
Navegue pelo preview como se você fosse o seu cliente. Assim você encontra os ajustes que faltam, como link que não leva a lugar nenhum, texto pela metade ou seção fora de ordem.
Se você não sabe como chegar a uma parte do app, pergunte ao agente. Ele conhece o projeto e explica o caminho pela navegação.
Aponte e peça
Para mudar um pedaço da tela, aponte para ele.
Clique em Selecionar elemento, o lápis na barra do preview, e escolha o pedaço na tela. O pedaço fica destacado e entra como referência no chat. Depois, diga o que você quer que aconteça com ele.
Exemplo de pedido:
Deixa esse título menor e em duas linhas.
Ver no celular
Visão mobile mostra o preview na largura de um celular, sem você sair da tela nem pegar o telefone.
Levar o preview para outro lugar
Clique no endereço, na barra do preview, para ver duas opções.
- Copiar a URL. Cole o endereço onde você quiser.
- Abrir em nova aba. Veja o projeto em tela cheia, o que ajuda quando a página é longa.
Atalhos
| Tecla | O que faz |
|---|---|
| S | Selecionar elemento |
| M | Visão mobile |
| R | Recarregar o preview |
| Esc | Sair do Selecionar elemento e, depois, soltar o que estava selecionado |
Enquanto o agente constrói
O botão Jogar abre o Space Runner. Você pode jogar enquanto o agente constrói.
O público vê a versão publicada. O que está no ar só muda quando você publica de novo.