Vibe coding para não deixar a IA criar layout do zero: peça a base e monte

Moretté pediu 2 botões no menu e passou duas restrições: você só vai aumentar verticalmente, e se você alongar o de baixo vai ser sobrescrito. A IA adicionou os 2 botões, jogou o bloco para baixo e cobriu os que já estavam na tela. Ele puxou o conjunto para cima na mão e organizou de novo.

No vibe coding ele pede a base dos botões, preenche ele mesmo e lê o que volta. Deixar ela criar o layout do zero ainda é custoso.

Pediu 2 botões e a IA sobrepôs o menu de baixo

Ele estava com preguiça de fazer o ajuste e pediu os 2 botões.

Eu pedi para ela fazer um ajuste, dois, no caso, né? Eu tava com preguiça de fazer. Pedi para ela adicionar dois botões. Então eu falei, você vai seguir os parâmetros, você só vai aumentar verticalmente, né? Mas toma cuidado com menu aqui de baixo, porque se você alongar o de baixo vai ser sobrescrito. Que que ela fez? Ela adicionou esses dois botões, ficou OK, mas o negócio tava aqui em cima, mano. Ela tipo jogou isso aqui para baixo, tá ligado? O esses botões, ela colocou aqui em cima desses daqui, ficou tipo todo cagado. Aí eu vim aqui e puxei para cima, ajustei aqui e organizei de novo. Aí tá funcionando, tá ligado?

Os 2 botões em si ficaram OK. O bloco é que desceu e ficou por cima dos que já estavam no menu, o de baixo inclusive.

Ele puxou na mão e ficou com a base dos botões

Moretté olhou o retorno e tirou a IA do menu. Puxou o bloco para cima, ajustou e organizou até ficar funcionando.

Ela mexeu, mas mexeu meio podre, saca? Aí eu falei: "Não, deixa que eu mexo". Não vou deixar ela mexer não. Deixa que eu mexo. Vim aqui e ajustei na mão. O máximo que eu faço agora é tipo, ah, ela vai criar a base dos botões que ela precisa lá e eu só venho aqui e preencho com os botões, né? Mas deixar ela criar do zero é meio custoso ainda.

A partir daí a IA só cria a base dos botões. O preenchimento fica com ele, porque deixar criar do zero ainda é custoso.

O vibe coding lê o que a IA devolve

Os 2 botões no retorno ainda pedem leitura. Memória e skill na sessão não bastam se ele não abrir o que veio.

Se eu não ler, mesmo ela tendo memória, tendo skill e tendo a gente, ela vai fazer alguma coisa errada ou vai deduzir da cabeça dela que para aquilo lá é melhor.

Mesmo com skill apontada no CLAUDE.md, ele ainda lê o que volta. A skill e a memória estavam na sessão. Os 2 botões mesmo assim desceram por cima do menu.

Os vídeos prometem o contrário do que o menu dele fez.

os vídeos na internet fala: "Ah, ela vai fazer tudo para você automático". Ah, vai lá, peça esse prompt que ela vai criar um site para você do zero para você vender. Não funciona assim, mano.

Quando a preguiça pede os 2 botões para a IA

A preguiça de adicionar 2 botões é o momento em que você entrega o layout inteiro no vibe coding. Moretté pediu o ajuste assim e ainda assim leu o retorno, puxou o bloco na mão e deixou a IA só com a base. Se você estiver com a mesma preguiça, peça a base dos botões e preencha você. Se o de baixo vier sobrescrito, puxe na mão. O mesmo problema apareceu em como criar agente de ia. Foi o mesmo caminho de layout de aplicativos. Vale ver como isso terminou em benchmark de ia. Foi o mesmo caminho de como criar um saas com ia. Vale ver como isso terminou em como criar agentes de ia.

A conversa está gravada se quiser assistir à live e ver os 2 botões, o menu sobrescrito e ele puxando o bloco na mão.