HappySeeds

Visualização

A visualização é onde você inspeciona a versão atual do seu projeto antes de publicá-lo.

Use-o sempre que quiser verificar o layout, a cópia, as interações, as rotas ou o comportamento responsivo após solicitar que a IA faça uma alteração.

Como funciona

A área de trabalho mostra o chat e a visualização lado a lado. Solicite uma alteração no chat e revise o resultado na Pré-visualização.

Se o projeto tiver múltiplas páginas ou rotas, use o campo de caminho de visualização para abrir uma página específica. Se a visualização parecer obsoleta, atualize a Visualização antes de pedir à IA para fazer outra alteração.

Principais capacidades

  • Revisão visual ao vivo: veja o último projeto gerado dentro do espaço de trabalho.
  • Visualizações de dispositivos: alterne entre visualizações de PC, tablet e dispositivos móveis para detectar problemas de layout responsivo.
  • Teste de rota: abra um caminho específico quando o projeto incluir várias páginas.
  • Abrir em uma nova guia: use o URL de visualização externo quando precisar de uma janela maior do navegador.
  • Atualizar visualização: recarregue a visualização atual do projeto após uma geração, alteração de rota ou atualização de ativo.
  • Verificações pré-publicação: revise o projeto antes de publicá-lo ou compartilhá-lo.

Como revisar uma alteração

  1. Peça à IA uma mudança clara.
  2. Espere a geração terminar.
  3. Abra Prévia.
  4. Verifique a tela alterada na visualização do PC.
  5. Mude para visualizações em dispositivos móveis e tablets.
  6. Abra todas as rotas importantes.
  7. Se o resultado estiver errado, descreva o problema visível no chat e peça uma solução específica.

Solicitações de acompanhamento pequenas e específicas geralmente funcionam melhor do que pedir à IA para redesenhar muitas coisas de uma vez.

Visualizar URLs

Os URLs de visualização são temporários e expiram após 30 minutos.

Use a visualização para revisão interna enquanto você está construindo. Se você precisar enviar um link estável para colegas de equipe, clientes ou testadores, publique o projeto e compartilhe o URL publicado.

Quando a visualização não é suficiente

Use o URL publicado para verificações finais envolvendo:

  • domínios personalizados
  • metadados de SEO de produção
  • retornos de chamada do provedor de pagamento
  • redirecionamentos de provedor de autenticação
  • tráfego analítico
  • compartilhamento público

A visualização é boa para iteração rápida. A URL publicada é o lugar certo para verificar o comportamento da produção.

Guias Relacionados