Vibe coding para mostrar o efeito lado a lado sem nomear

Jhonatan conferiu a bateria do Grok em criação e design e parou no glass. O design system, para ele, já estava bom. Faltava o glass em cima. O modelo não fez o efeito sozinho. Ele marca 1 rodada extra: 5 quadros, 2 lados na mesma tela, um pedido de comparação, e o nome do efeito fora do prompt.

Ele anuncia o gesto:

"Eu vou colocar lado a lado."

No vibe coding deste detalhe visual, ele faz vibe coding para mostrar o efeito lado a lado sem nomear. O nome fica com quem filma. O modelo recebe os 5 quadros e a comparação.

O Grok não fez o glass sozinho

"Cara, ele não conseguiu fazer o efeito glass sozinho."

Com outras ferramentas, antes, o glass também não saiu. Os 2 lados tinham o mesmo conteúdo. A nuance que incomodava era o glass em cima, que o modelo não estava fazendo. Ele fala "efeito glass" para a live e para si. A recusa é colocar esse nome no prompt que vai para o modelo.

5 quadros com 2 lados na mesma tela

Na rodada extra ele coloca os 2 lados no mesmo quadro e filma, depois fala para o modelo que existe uma diferença. O conteúdo das 2 telas é o mesmo. Ele quer que o modelo note a camada de cima, a que ainda não apareceu no resultado.

"Eu vou filmar cinco quadros e eu vou pedir para ele fazer a comparação entre os dois."

São 5 quadros. Em seguida ele descreve o óbvio que o modelo precisa enxergar, ainda sem entregar o rótulo:

"Os dois estão lado a lado. Existem diferenças."

Ele pede análise comparativa dos 5 quadros, com os 2 lados visíveis no mesmo filme. Além do glass, aponta o hover da referência e pede a mesma reação no resultado: "Ele cresce e ele pinta a borda". Quer esse hover na peça dele, filmado ao lado do resultado que ainda não tem o efeito.

Vibe coding sem o nome do efeito no prompt

A regra ele diz em voz alta, no meio da gravação:

"Eu não quero explicar. para ele o nome do efeito, tá ligado? Eu quero que ele compreenda baseado no repertório dele."

Com os 2 lados no quadro e os 5 quadros no pedido, o texto que sobra para o modelo é que existem diferenças. O nome do efeito fica do lado de cá. Ele quer que o modelo compreenda pelo "repertório dele".

Mais tarde na mesma live o Grok ainda não tinha feito o glass. Jhonatan diz que o modelo não entendeu a parada direito:

"Ele não conseguiu fazer o efeito glass, mas tudo bem. Ele evoluiu bastante."

O glass ficou pendente. Nesta live o efeito não saiu. Ele marca evolução no restante da peça. O método que testou, lado a lado e sem o nome no prompt, é o que dá para repetir amanhã.

Este recorte é da mesma live em que ele já trocou de modelo no meio do fluxo.

Repetir o lado a lado na próxima falha

Amanhã, com um hover ou um glass que o modelo errou, o gesto é o da live: 2 lados na mesma tela, 5 quadros, um pedido de comparação e o nome do efeito fora do prompt. Você filma a referência ao lado do resultado e pede para o modelo apontar as diferenças. O rótulo fica com você. O mesmo filme serve para o hover da referência, o que cresce e pinta a borda, se essa reação também tiver voltado errada.

O glass pode continuar pendente. Sobra o filme da diferença e a opção de 1 rodada a mais com o mesmo método. Dá para aceitar que o repertório não cobriu aquela nuance e seguir com o design system que já estava de pé.

A live tem 196 min. Este trecho é curto. Para ver os 5 quadros e os 2 lados na tela, assistir à live.