30 prompts de vibe coding para copiar (folha de referência)

Os melhores prompts de vibe coding são curtos, específicos e falam de comportamento: quem usa o app, o que pode fazer, o que ele guarda e qual é a aparência. Abaixo estão 30 prompts para copiar e colar, agrupados pela etapa em que você está, da primeira versão à publicação. Troque as partes entre [colchetes] pelos seus detalhes.

Eles funcionam em qualquer criador de apps com IA ou agente de código. Se quiser entender o raciocínio por trás deles, nosso guia mais longo sobre como escrever prompts para criadores de apps com IA explica os princípios. Esta página é a folha de referência.

Como usar esta folha de referência

• Comece com um prompt de primeira versão e use os outros um de cada vez.
• Teste depois de cada prompt. Clique pela mudança antes de enviar o próximo.
• Mantenha o que funciona. A maioria dos prompts de continuação aqui termina com "mantenha todo o resto igual" por um motivo.
• Cole o texto exato. Mensagens de erro, rótulos de botões e as palavras na tela valem mais que descrições, sempre.

Prompts de primeira versão

Eles definem a forma do app. Cada um nomeia os usuários, as ações, os dados e a aparência.

1. Um controle simples

Crie um controle de [hábitos] para mim. Posso adicionar um [hábito] com nome e cor, marcá-lo uma vez por dia e ver uma grade de 30 dias e minha sequência atual. Salve tudo para continuar lá depois de atualizar a página. Design limpo e minimalista que funcione no celular.

2. Uma página de agendamento para pequeno negócio

Crie uma página de agendamento para o meu [salão de beleza]. Os clientes escolhem um serviço ([corte 30 min, coloração 90 min]), uma data e um horário livre entre [9:00 e 18:00] e depois informam nome, telefone e e-mail. Duas pessoas não podem marcar o mesmo horário. Preciso de uma página de administração privada, com login, que liste os próximos agendamentos por dia.

3. Uma ferramenta interna

Crie uma ferramenta interna para minha equipe controlar [empréstimos de equipamentos]. Cada item tem nome, código e status (disponível, emprestado, quebrado). A equipe entra com login, pode retirar um item para si e devolvê-lo. Mostre uma tabela com filtros por status e um histórico de quem ficou com cada item.

4. Uma landing page com lista de espera

Crie um site de uma página para [meu produto: um app de planejamento de refeições para pais ocupados]. Hero com título, subtítulo de uma frase e cadastro por e-mail. Depois três benefícios, uma seção curta de como funciona e um FAQ. Salve os e-mails em um banco de dados e mostre a lista em uma página de administração privada.

5. Um portal de clientes

Crie um portal de clientes para o meu [estúdio de design]. Cada cliente entra com login e vê apenas os próprios projetos, com status, arquivos que enviei e uma conversa de comentários. Eu entro como administrador e vejo todos os clientes. Os clientes nunca podem ver os dados uns dos outros.

6. Uma calculadora ou ferramenta de orçamento

Crie uma calculadora de orçamento para a minha [empresa de limpeza]. Entradas: número de quartos, banheiros, serviços extras (forno, janelas, geladeira) e frequência (avulsa, semanal, mensal). Mostre o preço conforme as opções mudam, com o detalhamento. Preços: [cole sua tabela de preços]. Adicione um botão para me enviar o pedido de orçamento por e-mail.

Prompts de planejamento

Use-os antes de um recurso grande ou sempre que não souber como descrever algo.

7. Planejar antes de construir

Antes de escrever qualquer código, descreva em palavras simples as telas que você vai criar, os dados que vai guardar e as decisões que precisa de mim. Espere o meu OK.

8. Transformar uma ideia bagunçada em uma primeira versão

Esta é a minha ideia: [cole as anotações]. Sugira a menor primeira versão que ainda seja útil, em 5 a 8 tópicos. Liste o que você deixaria para depois e por quê.

9. Perguntar o que falta

Que perguntas um desenvolvedor me faria antes de construir isto? Faça-as uma por uma e depois resuma minhas respostas em uma especificação curta.

10. Avaliar uma mudança grande primeiro

Quero adicionar [contas de equipe em que várias pessoas dividem um espaço de trabalho]. Explique o que precisa mudar nos dados, nas telas e nas permissões, e o que pode quebrar. Não mude nada ainda.

Prompts de design

11. Definir um estilo claro

Redesenhe o app: fundo off-white quente, texto escuro, uma cor de destaque [#1F6F50], cantos arredondados, espaçamento generoso e uma fonte sem serifa moderna. Mantenha o layout e todos os recursos exatamente como estão.

12. Copiar o clima de uma referência

Faça o dashboard ter o clima de um app de finanças tranquilo: muito espaço em branco, números grandes e em negrito, rótulos pequenos e cinza, um gráfico simples no topo. Não copie o logotipo nem o texto de nenhuma marca.

13. Corrigir o layout no celular

Em um celular de 375px de largura, a tabela da [página de Pedidos] rola para o lado e os botões se sobrepõem. Transforme cada linha em um card empilhado em telas pequenas. Não mude o layout do desktop.

14. Estados vazio, de carregamento e de erro

Adicione estados adequados à [lista de Projetos]: um estado vazio amigável com um botão para adicionar o primeiro projeto, um skeleton de carregamento enquanto os dados carregam e uma mensagem clara com botão de tentar de novo se o carregamento falhar.

15. Suporte a da direita para a esquerda

Adicione uma versão em árabe da interface com layout completo da direita para a esquerda. Ícones que apontam uma direção devem ser invertidos; números e datas devem usar o formato da região. Mantenha o inglês como padrão.

Prompts de dados e recursos

16. Fazer os dados persistirem

Agora meus dados somem quando atualizo a página. Guarde-os em um banco de dados de verdade e mantenha as telas atuais funcionando do mesmo jeito.

17. Adicionar login

Adicione cadastro e login com e-mail e senha. Cada usuário deve ver e editar apenas os próprios [registros]. Mostre o e-mail do usuário na barra superior com um botão de sair.

18. Adicionar perfis de acesso

Adicione dois perfis: administrador e membro. Administradores podem adicionar, editar e excluir [produtos]; membros só podem visualizá-los. Aplique isso no servidor, não apenas escondendo botões.

19. Adicionar busca e filtros

Adicione uma caixa de busca acima da [lista de contatos] que encontre por nome, empresa ou e-mail enquanto digito, além de um filtro por [status]. Mantenha a ordenação atual.

20. Adicionar envio de arquivos

Deixe os usuários anexar até [5] imagens a cada [anúncio], com no máximo [5 MB] cada. Mostre miniaturas no anúncio e uma visualização maior ao clicar. Só o dono pode excluir as próprias imagens.

21. Importar de uma planilha

Adicione um botão Importar que receba um CSV com as colunas [nome, e-mail, telefone, observações], mostre uma prévia das 10 primeiras linhas e me deixe confirmar antes de salvar. Ignore linhas sem e-mail e me diga quantas foram ignoradas.

Prompts de correção

22. Relatar um bug com clareza

Quando eu [clico em Salvar no formulário de edição], vejo "[texto exato do erro]" e a mudança não é salva. Esperado: a mudança é salva e volto para a lista. Encontre a causa, explique em uma ou duas frases e depois corrija.

23. Interromper um ciclo de correção

Já tentamos corrigir isto três vezes e continua falhando. Pare de mudar código. Liste as três causas mais prováveis, como verificar cada uma e qual você acha que é.

24. Desfazer efeitos colaterais

Sua última mudança corrigiu o seletor de datas, mas a [barra lateral] sumiu. Traga a barra lateral de volta exatamente como estava e mantenha a correção do seletor de datas.

25. Explicar antes de mudar

Explique como o [total do checkout] é calculado hoje, passo a passo, apontando os arquivos envolvidos. Não mude nada.

Prompts de teste e revisão

26. Casos extremos

Liste 10 maneiras de um usuário real quebrar o [formulário de agendamento]: campos vazios, textos muito longos, cliques duplos, duas pessoas ao mesmo tempo, fusos horários errados. Teste cada uma e corrija o que falhar. Relate o que você mudou.

27. Resumir mudanças recentes

Resuma em palavras simples todas as mudanças que você fez nos últimos [cinco] passos e sinalize qualquer coisa que possa afetar os dados existentes.

Prompts de segurança

Use-os junto com nossa página sobre vibe coding ser seguro ou não.

28. Verificar o acesso aos dados

Verifique o código do servidor: um usuário logado consegue ler ou alterar os [registros] de outro usuário trocando um ID em uma requisição? Mostre onde o acesso é verificado e corrija as lacunas.

29. Verificar segredos expostos

Liste toda chave de API, senha ou token que este app usa e onde cada um está guardado. Garanta que nenhum esteja em código que roda no navegador ou salvo em arquivos. Se estiver, mova para segredos.

Prompts de publicação

30. Revisão antes do lançamento

Vou publicar isto para usuários de verdade. Revise como um avaliador: links quebrados, títulos e descrições de página ausentes, formulários sem validação, páginas lentas, erros no console e qualquer coisa que pareça inacabada no celular. Me dê uma lista ordenada por importância e depois corrija os cinco primeiros.

Prompts a evitar

Alguns prompts produzem resultados piores de forma consistente:

• "Deixe melhor." Melhor como? Nomeie a tela e a mudança.
• "Corrija tudo." A IA vai mudar muita coisa e você não saberá o que se moveu.
• "Use [biblioteca] e [framework] e [padrão]." A menos que você tenha um motivo, descreva o comportamento e deixe a ferramenta escolher a stack.
• "Esta é a minha chave de API: …" Nunca cole segredos em um chat. Use as configurações de segredos da ferramenta.
• Dez recursos em uma mensagem. Divida-os.

Transformar prompts em hábito

Depois de alguns projetos, você terá suas próprias versões destes. Guarde-as em uma nota e reutilize as que funcionam. O Mythex também lembra quem você é e como trabalha entre projetos, então preferências que você repete, como seu estilo ou stack habitual, passam de um projeto para outro sem precisar redigitar.

Se você travou no primeiro prompt, o gerador de prompts de app grátis transforma uma ideia de uma linha em um prompt inicial mais completo. E para ver o que esses prompts produzem na prática, leia nossos exemplos de vibe coding ou cole o prompt 1 no criador de apps com IA e troque os colchetes pela sua ideia.

Perguntas