Empty state no vibe coding: o contador diz 14 e a lista vem vazia

O número no topo da tela e a lista embaixo precisam contar a mesma coisa. Se o contador diz 14 e a lista chega vazia, o número mentiu. Foi isso que Caio mostrou ao vivo no app de captura de leads, na demonstração para o Jonathan: o contador já tinha 14 campanhas e a tela não mostrava nenhuma.

Ele chamou de "bugzinho". O produto ainda faltava lançar. A tela vinha com um empty state e, no mesmo recorte, o contador já somava os testes desde o início. Isso aparece também em estrategia para vender como afiliado.

O contador chegou antes da lista

Caio abriu a tela de campanhas e apontou o número:

Tá vendo que tem 14? Era para ter 14 campanhas aqui, mano, que eu tinha que era os testes

Os 14 eram os testes que ele vinha fazendo desde o início. Ele cola isso no trabalho da hora:

que é isso aqui que a gente tá fazendo agora

A lista veio sem as 14 campanhas.

Só que por algum motivo ele não tá aparecendo aqui.

Ele trata o 14 como certo. A tela deveria listar o que ele já tinha gerado:

era para ele estar mostrando as campanhas que eu fiz desde o início

Ele só tá com esse "bugzinho" aqui, e a fala seguinte é o produto perto de sair. A demonstração era para o Jonathan. A tela de campanhas era o lugar onde o histórico de teste deveria aparecer inteiro: as 14 no contador e as mesmas 14 embaixo. O contador já tinha o número. As campanhas de teste não desciam para a lista. Foi o mesmo caminho de vibe coding para so enviar whatsapp depois que voce aprova.

Esse é o recorte que ele entrega a quem está na sala. O app de captura já carrega um total. A tela que deveria provar o histórico, na hora de lançar, mostra o 14 e deixa as campanhas que ele fez desde o início fora da lista. Ele descreve o que falta na frente dele: as campanhas de teste, as mesmas que o contador já conta, ainda invisíveis para o Jonathan. O mesmo problema apareceu em vibe coding para nao deixar a ia inventar lead.

O vibe coding deixou o 14 no contador e a lista em branco

No vibe coding essa tela nasce de um pedido curto: campanhas no topo, total à vista. O agente devolve o contador com 14. As linhas que deveriam carregar os testes não entram no mesmo recorte. Caio estava no meio da demo para o Jonathan e apontou o buraco:

a gente vai est tendo que corrigir isso aí.

A correção ficou para depois da demo. Quem assiste os 73 min vê o bugzinho ainda na tela. O 14 continua no contador enquanto ele fala. As campanhas de teste continuam fora da lista. O mesmo problema apareceu em vibe coding para importar produto por sitemap ou planilha.

O Jonathan olha o 14 e a lista no mesmo segundo. Caio aponta o bugzinho e deixa a correção para depois. O hábito que sai daqui serve no próximo reload: você gera a tela, cria os testes, atualiza e conta com o olho o contador e as linhas. O prompt seguinte nomeia os 2 lados no mesmo pedido: 14 no contador e as 14 campanhas de teste na lista. Isso aparece também em review de produto.

Na geração de leads o fluxo de captura já existia. Aqui o buraco era a tela que deveria listar o que já tinha sido gerado nos testes.

Conferir os 14 antes de mostrar o app

No ciclo seguinte de vibe coding, abra a tela de campanhas com os testes que você já fez. Recarregue a tela, leia o contador e conte as linhas. Leve os testes que já existem no app e abra a tela uma vez, só para você, antes de chamar quem está do lado. O contador em 14 e nada abaixo é o sinal para parar a demo e corrigir a lista. Quem estiver do lado compara o número e as campanhas no mesmo segundo.

Quem quiser ver o momento em que o 14 aparece e as campanhas não, pode assistir à live.