brainax

Como passar uma tarefa para a IA

Aula 4 de 26 do curso “Vibe coding”. Grátis, com animações e teste.

Descreva o resultado

Não “faz um site”, e sim o que exatamente: para quem, quais seções, quais botões, como fica no celular. Exemplo: “Site de uma página para uma cafeteria: cardápio, endereço, botão de pedido no Telegram, tema escuro, bom no celular.” A IA não conhece seus planos e vai preencher as lacunas como der. Quanto mais preciso, menos retrabalho.

Passos pequenos

Uma feature é uma parte do que o projeto faz, como um menu ou um formulário. Peça uma de cada vez: primeiro a estrutura, ou seja, o esqueleto vazio da página, depois o menu, depois o formulário. Testou, salvou, segue. Se pedir tudo junto, a IA se enrola e você não vai saber o que quebrou. Passo pequeno é fácil de testar e desfazer.

Salvar, voltar, publicar

Salvar é registrar uma versão que funciona para poder voltar a ela. Muitas ferramentas de IA têm histórico de versões; programadores usam o Git, um programa que guarda versões do código. Voltar é retornar à última versão boa se um passo novo quebrou algo. Deploy é colocar o projeto na internet para outras pessoas abrirem por um link. Fica por último, com tudo testado.

Mande o erro inteiro

Se algo não funciona, ache o texto do erro. Ele costuma aparecer em vermelho no console do navegador: no computador aperte F12 e abra a aba Console. Copie o erro inteiro e conte o que você fez logo antes. Com “não funciona” a IA só consegue chutar. Com um erro exato como “Cannot read properties of undefined”, muitas vezes ela acha a causa na hora.

Teste-se

  1. Qual tarefa para a IA é melhor?
    Resposta certa: “Site de fotógrafo: galeria, preços, botão do Telegram, bom no celular”. Seções e requisitos concretos poupam horas de retrabalho. “Bonito” e “igual aos outros” a IA vai entender do jeito dela.
  2. Qual o melhor jeito de construir um projeto?
    Resposta certa: Uma feature por vez, testando cada uma. Passos pequenos são fáceis de testar e desfazer. Se algo quebra, você sabe na hora qual passo foi.
  3. O código deu erro. O que mandar para a IA?
    Resposta certa: O texto completo do erro e o que você fez. O erro exato mais seus passos é o caminho mais rápido. Com “quebrou” a IA só consegue chutar.

← Do que um site é feito Primeiro o plano: uma página →