A planta do teu primeiro app
Quando tu pede um app sem contexto, a IA chuta tudo que tu não disse. Escreve os 6 na ordem: os outros 5 saem do PRD. Não sabe preencher? Cola o modelo com o pedido de entrevista. Funciona no ChatGPT, no Claude ou no Gemini.
- 00 / 07
Pedido de entrevista MODELO
Serve pra qualquer um dos 6 modelos: a IA te pergunta e preenche contigo.
Cola junto com o modelo "Vou criar um app e quero preencher este modelo antes de qualquer código. A ideia é: [tua ideia em 2 ou 3 frases]. Me entrevista, uma pergunta por vez, até preencher todos os campos entre colchetes. Se eu não souber, me dá 2 opções e eu escolho. Não inventa resposta. No fim, me devolve o documento pronto. Modelo: [cola aqui]" - 01 / 07
PRD MODELO
Documento de requisitos do produto: o que o app faz, pra quem e o que fica de fora. Ex.: a cliente escolhe o bolo, paga e recebe a confirmação.
Modelo pra preencher Nome do app e a ideia em uma frase: [ ] Pra quem é: [quem usa e o que essa pessoa precisa] O problema de hoje: [como a pessoa se vira hoje, sem o app] O que a primeira versão faz: [funções, da mais importante pra menos] O que fica de fora da primeira versão: [ ] Como eu sei que deu certo: [um sinal que dá pra medir] Histórias de uso: Como [quem], eu quero [fazer o quê], pra [ter qual resultado]. Dúvidas em aberto: [ ]Pedido pronto "Me entreviste, uma pergunta por vez, e escreva o PRD do meu app: problema, para quem é, funções da primeira versão e o que fica de fora."Cuidado: O "fica de fora" é o campo que mais poupa tempo. O que está ali a IA não tenta construir agora.
- 02 / 07
TRD MODELO
Documento de requisitos técnicos: com que peças o app vai ser montado.
Modelo pra preencher Onde roda: [site, celular ou os dois] Banco de dados: [qual e onde fica] Login: [formas de entrar e quem pode o quê] Pagamento: [qual serviço e como cobra] Hospedagem: [onde o app fica no ar] Integrações: [cada serviço externo, pra que serve e quem guarda a chave] Dados sensíveis: [o que é sigiloso e quem pode ver] Escolhas e porquê: [escolha, motivo, o que eu descartei]Pedido pronto "Com base no PRD, escreva o TRD: banco de dados, login, pagamento, hospedagem e integrações. Explique cada escolha em uma frase e prefira opções simples e baratas."Cuidado: Se tu não decide, a IA decide por ti, e cada conversa nova pode decidir diferente.
- 03 / 07
Fluxo do app MODELO
Todas as telas e o que acontece em cada clique. Ex.: cardápio > carrinho > pagamento > pedido recebido.
Modelo pra preencher Como a pessoa chega no app: [link, anúncio, convite] Lista de telas: [nome da tela e pra que serve] Caminho principal: [tela] > [clique] > [próxima tela] > [deu certo] Outros caminhos: [cancelar, voltar, editar] Em cada clique: o que confere, o que aparece carregando, o que aparece quando dá certo, o que aparece quando dá erro e qual tela vem depois. Telas vazias e sem internet: [ ] Primeiro acesso: [cadastro e boas-vindas]Pedido pronto "Liste todas as telas do app e descreva o caminho do usuário: o que acontece em cada clique e qual tela vem depois." - 04 / 07
Briefing de design MODELO
A cara do app: cores, letras, botões, cantos e espaços. Sem ele, cada tela sai de um jeito.
Modelo pra preencher Pra quem e 3 palavras que descrevem o visual: [ ] Apps de referência: [link e o que copiar ou evitar em cada um] Cores com código: [principal, destaque, fundo, texto, erro, sucesso] Letras: [fonte, tamanho de título e de texto] Botões, campos, cards e menus: [como são] Cantos e espaços: [arredondado ou reto, espaço entre os blocos] Fácil de usar: [contraste, tamanho do toque no celular] Estados: [carregando, erro, sucesso, desligado]Pedido pronto "Escreva o briefing de design: cores com código, fontes, tamanhos, botões, cantos e espaçamento. Uma regra por item, para valer em todas as telas." - 05 / 07
Esquema do back-end MODELO
As tabelas, os campos, como eles se ligam e quem pode ver e editar cada dado.
Modelo pra preencher O que o app guarda: [uma linha por coisa: cliente, pedido, produto] Cada tabela: [nome, campos, tipo de cada campo, o que é obrigatório] Ligações: [um cliente tem muitos pedidos, por exemplo] De quem é cada dado: [de qual usuário ou de qual equipe] Login: [cadastro, entrar, recuperar senha] Quem pode ver, criar, editar e apagar cada coisa: [ ] O que se apaga e quando: [ ]Pedido pronto "Desenhe o esquema do banco: tabelas, campos, ligações entre tabelas e quem pode ver e editar cada dado."Cuidado: É aqui que mora a segurança do app. No Supabase, a regra "cada um vê só o que é seu" se chama RLS.
- 06 / 07
Plano de implementação MODELO
A ordem de construir, em etapas pequenas, cada uma testada antes da próxima.
Modelo pra preencher Etapa 1: projeto criado e publicado num link de teste Etapa 2: banco de dados e login Etapa 3: o caminho principal do usuário Etapa 4: o resto das funções Etapa 5: erros, segurança e velocidade Etapa 6: lançamento e como voltar atrás se der problema Em cada etapa: o que entra, o que sai e como testar.Pedido pronto "Monte o plano de implementação em etapas pequenas, na ordem certa, com como testar cada etapa antes de seguir."Cuidado: Pede a etapa 1, testa, e só depois libera a 2.
- 07 / 07
Juntando os 6 MODELO
Entrega os 6 juntos e pede pra IA achar as contradições antes de construir.
Antes da primeira linha de código "Te passei os 6 documentos do meu app: PRD, TRD, fluxo, briefing de design, esquema do back-end e plano. Antes de escrever código, lê todos e me lista o que um diz diferente do outro, o que falta pra tu construir sem chutar e o que ainda está em aberto. Só começa a etapa 1 do plano depois que eu responder."Cuidado: Mudou o app? Atualiza o documento. Documento velho vira chute de novo.