Como escrever prompts que criam apps excelentes

O builder77 consegue criar uma app funcional a partir de uma única frase. Mas uma única frase deixa muitas decisões nas mãos da IA: para quem é a app, que ecrãs importam, que dados guarda e que sensação deve transmitir. Quanto mais dessas decisões tomar à partida, mais perto a primeira versão fica do que tinha em mente — e menos créditos gasta a corrigi-la.

Este guia apresenta uma estrutura de prompt que nós próprios usamos. Não é magia: é apenas uma lista de verificação que garante que o essencial fica dito.

1. Comece por dizer para quem é e que tarefa resolve

«Uma app de marcações» pode significar cem coisas diferentes. «Uma app de marcações para um cabeleireiro com duas pessoas, onde os clientes escolhem um serviço, uma cabeleireira e um horário» só pode significar algumas. Comece pelo utilizador e pela tarefa, em uma ou duas frases.

Cria uma aplicação web de marcações para um pequeno cabeleireiro. Os clientes escolhem um serviço, uma cabeleireira e um horário disponível e depois deixam o nome e o número de telefone.

2. Enumere os ecrãs ou secções

Dar nome aos ecrãs dá à IA um esqueleto para preencher. Num site, enumere as secções por ordem. Numa app, enumere as vistas principais e a forma como se passa de uma para outra.

• Site: hero, serviços com preços, equipa, secção de testemunhos (que preencherá mais tarde), horário de funcionamento, formulário de marcação, rodapé com link para o mapa.
• Aplicação web: painel, vista de lista com filtros, página de detalhe, janela modal para criar/editar, definições.
• App móvel: separadores em baixo para Hoje, Planos, Progresso e Perfil, mais um painel inferior para adicionar registos.

3. Descreva os dados

Cada app do builder77 tem uma base de dados integrada, por isso a IA vai guardar os dados em coleções. Obterá uma app mais limpa se disser quais são essas coleções e que campos importam. Não precisa de linguagem técnica — substantivos simples chegam perfeitamente.

Guarda as marcações (serviço, cabeleireira, data, hora, nome do cliente, telefone, estado) e os serviços (nome, duração, preço). Cria alguns serviços de exemplo.

Se cada utilizador só deve ver os seus próprios registos — um diário, um registo de hábitos, um orçamento pessoal — diga-o explicitamente: «os utilizadores registam-se e só veem os seus próprios registos». O builder77 adiciona o login e filtra as consultas pelo utilizador atual.

4. Dê uma direção visual

É no estilo que os prompts genéricos produzem resultados genéricos. Duas ou três palavras concretas valem mais do que um parágrafo de adjetivos. Indique um ambiente, uma cor e uma referência, se tiver uma.

• «Acolhedor e minimalista, fundo creme, detalhes em terracota, títulos com serifa.»
• «Painel escuro, alto contraste, destaques em verde elétrico, tabelas densas como no Linear.»
• «Divertido e arredondado, cores pastel, botões grandes e simpáticos para crianças.»

Também pode anexar uma captura de ecrã como referência. A IA retira da imagem pistas de layout e de cor, por isso é um ótimo atalho quando tem algo específico em mente.

5. Use «Melhorar prompt» quando estiver bloqueado

Se só tem uma ideia vaga, escreva-a e carregue em Melhorar prompt. O builder77 reescreve-a num prompt detalhado que cobre utilizadores, ecrãs, dados e estilo. Leia-o antes de enviar e corrija o que não estiver certo. É uma forma rápida de passar de «uma app de fitness» a uma especificação que realmente quer.

6. Avance em passos pequenos e concretos

Quando a primeira versão existir, resista à tentação de enviar uma lista de doze alterações. Pedidos pequenos são mais fiáveis e mais fáceis de desfazer. Um bom ritmo é uma funcionalidade ou uma alteração visual por mensagem.

• Use Selecionar para clicar num elemento da pré-visualização e dizer exatamente o que mudar nele.
• Use o modo Conversar para planear com a IA uma funcionalidade maior antes de a criar.
• Se algo avariar, carregue em Corrigir com IA — o erro capturado é enviado para que a IA o possa reparar.
• Cada alteração é uma versão. Se não gostar de um resultado, restaure a versão anterior e reformule o pedido.

Um exemplo completo

Cria uma app móvel de registo de hábitos chamada Streaky para pessoas que estão a criar pequenos hábitos diários.

Ecrãs: Hoje (lista de hábitos com um grande botão de concluir e a sequência atual),
Hábitos (adicionar/editar hábitos com nome, emoji, cor e dias-objetivo por semana),
Estatísticas (gráfico semanal de conclusão e melhor sequência), Perfil (terminar sessão).

Dados: os utilizadores registam-se; os hábitos e os check-ins são privados para cada utilizador.

Estilo: calmo e simpático, fundo branco-sujo, acento verde suave,
cartões arredondados, áreas de toque grandes, barra de separadores em baixo.

São cerca de 80 palavras, e respondem a todas as perguntas que a IA teria de adivinhar. Experimente esta estrutura na sua próxima ideia — e guarde os seus melhores prompts à mão, porque vai reutilizar estes padrões mais vezes do que imagina.