30 prompts de vibe coding para copiar (folha de consulta)

Os melhores prompts de vibe coding são curtos, específicos e centrados no comportamento: quem usa a app, o que pode fazer nela, o que guarda e como é o seu aspeto. Abaixo ficam 30 prompts para copiar e colar, agrupados pela fase em que está, da primeira versão até à publicação. Substitua as partes entre [parênteses retos] pelos seus próprios detalhes.

Funcionam em qualquer criador de apps com IA ou agente de programação. Se quiser a lógica por detrás deles, o nosso guia mais longo sobre como escrever prompts para criadores de apps com IA explica os princípios. Esta página é a folha de consulta.

Como usar esta folha de consulta

• Comece com um prompt de primeira versão, e depois use os outros um de cada vez.
• Teste depois de cada prompt. Experimente a alteração antes de enviar o seguinte.
• Guarde o que funciona. A maioria dos prompts de seguimento aqui termina com “mantenha tudo o resto igual” por uma razão.
• Cole o texto exato. Mensagens de erro, rótulos de botões e as palavras no ecrã ganham sempre às descrições.

Prompts de primeira versão

Estes definem a forma da app. Cada um indica os utilizadores, as ações, os dados e o aspeto.

1. Um registo simples

Crie um registo de [hábito] para mim. Posso acrescentar um [hábito] com um nome e uma cor, assinalá-lo uma vez por dia, e ver uma grelha de 30 dias e a minha sequência atual. Guarde tudo para que continue lá depois de atualizar. Design limpo e minimalista que funcione bem num telemóvel.

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

Crie uma página de reservas para o meu [salão de cabeleireiro]. Os clientes escolhem um serviço ([corte 30 min, cor 90 min]), uma data e um horário livre entre [9:00 e 18:00], depois introduzem nome, telefone e email. Duas pessoas não podem reservar o mesmo horário. Preciso de uma página de administração privada, atrás de um início de sessão, que liste as próximas reservas por dia.

3. Uma ferramenta interna

Crie uma ferramenta interna para a minha equipa acompanhar [empréstimos de equipamento]. Cada item tem um nome, um código e um estado (disponível, emprestado, avariado). A equipa inicia sessão, pode registar um item em seu nome e devolvê-lo. Mostre uma tabela com filtros por estado e um histórico de quem teve cada item.

4. Uma página de destino com lista de espera

Crie um site de uma página para [o meu produto: uma app de planeamento de refeições para pais ocupados]. Cabeçalho com título, subtítulo de uma frase e inscrição por email. Depois três benefícios, uma secção curta de como funciona e um FAQ. Guarde os emails de inscrição numa base de dados e mostre-me a lista numa 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 inicia sessão e vê apenas os seus próprios projetos, com estado, ficheiros que carreguei e uma conversa de comentários. Eu entro como administrador e vejo todos os clientes. Os clientes nunca devem ver os dados uns dos outros.

6. Uma calculadora ou ferramenta de orçamentos

Crie uma calculadora de orçamentos para o meu [negócio de limpeza]. Dados de entrada: número de quartos, casas de banho, serviços extra (forno, janelas, frigorífico) e frequência (pontual, semanal, mensal). Mostre o preço à medida que as opções mudam, com uma discriminação. Preços: [cole a sua lista de preços]. Acrescente um botão para me enviar o pedido de orçamento por email.

Prompts de planeamento

Use estes antes de uma funcionalidade grande, ou sempre que não tiver a certeza de como descrever algo.

7. Planear antes de construir

Antes de escrever qualquer código, descreva em palavras simples os ecrãs que vai construir, os dados que vai guardar e as decisões de que precisa da minha parte. Aguarde a minha aprovação.

8. Transformar uma ideia confusa numa primeira versão

Aqui está a minha ideia: [cole as notas]. Sugira a primeira versão mais pequena que ainda seja útil, em 5 a 8 pontos. Liste o que deixaria para mais tarde e porquê.

9. Perguntar o que falta

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

10. Verificar primeiro uma alteração grande

Quero acrescentar [contas de equipa, em que várias pessoas partilham um espaço de trabalho]. Explique o que tem de mudar nos dados, nos ecrãs e nas permissões, e o que pode partir. Não altere nada ainda.

Prompts de design

11. Definir um estilo claro

Reestilize a app: fundo branco-quente, texto escuro, uma cor de destaque [#1F6F50], cantos arredondados, espaçamento generoso e um tipo de letra sans-serif moderno. Mantenha o layout e cada funcionalidade exatamente como estão.

12. Copiar a sensação de uma referência

Faça com que o painel pareça uma app financeira calma: muito espaço em branco, números grandes e a negrito, rótulos pequenos e cinzentos, um gráfico simples no topo. Não copie o logótipo nem o texto de nenhuma marca.

13. Corrigir o layout no telemóvel

Num telemóvel com 375 px de largura, a tabela da [página de Encomendas] desloca-se para o lado e os botões sobrepõem-se. Transforme cada linha num cartão empilhado em ecrãs pequenos. Não altere o layout do computador.

14. Estados vazio, de carregamento e de erro

Acrescente estados adequados à [lista de Projetos]: um estado vazio simpático com um botão para adicionar o primeiro projeto, um esqueleto de carregamento enquanto os dados são carregados, e uma mensagem clara com um botão de nova tentativa se o carregamento falhar.

15. Suporte da direita para a esquerda

Acrescente uma versão árabe da interface com layout completo da direita para a esquerda. Os ícones que apontam para uma direção devem ser invertidos; os números e as datas devem usar o formato do idioma. Mantenha o inglês como predefinição.

Prompts de dados e funcionalidades

16. Tornar os dados persistentes

Neste momento os meus dados desaparecem quando atualizo a página. Guarde-os numa base de dados real e mantenha os ecrãs atuais a funcionar da mesma maneira.

17. Acrescentar início de sessão

Acrescente registo e início de sessão com email e palavra-passe. Cada utilizador só deve ver e editar os seus próprios [registos]. Mostre o email do utilizador na barra superior com um botão de terminar sessão.

18. Acrescentar funções

Acrescente duas funções: administrador e membro. Os administradores podem acrescentar, editar e apagar [produtos]; os membros só podem vê-los. Aplique isto no servidor, e não apenas escondendo os botões.

19. Acrescentar pesquisa e filtros

Acrescente uma caixa de pesquisa por cima da [lista de contactos] que corresponda ao nome, à empresa ou ao email enquanto escrevo, mais um filtro por [estado]. Mantenha a ordenação atual.

20. Acrescentar carregamento de ficheiros

Permita aos utilizadores anexar até [5] imagens a cada [anúncio], com no máximo [5 MB] cada. Mostre miniaturas no anúncio e uma vista maior ao clicar. Só o proprietário pode apagar as suas imagens.

21. Importar de uma folha de cálculo

Acrescente um botão Importar que aceite um CSV com as colunas [nome, email, telefone, notas], mostre uma pré-visualização das primeiras 10 linhas e me deixe confirmar antes de guardar. Ignore as linhas sem email e diga-me quantas foram ignoradas.

Prompts de correção

22. Relatar um erro com clareza

Quando [clico em Guardar no formulário de edição], vejo “[texto exato do erro]” e a alteração não é guardada. Esperado: a alteração é guardada e volto à lista. Encontre a causa, explique-a em uma ou duas frases e depois corrija.

23. Parar um ciclo de correções

Já tentámos corrigir isto três vezes e continua a falhar. Pare de alterar código. Liste as três causas mais prováveis, como verificar cada uma e qual acha que é.

24. Desfazer efeitos secundários

A sua última alteração corrigiu o seletor de datas, mas a [barra lateral] desapareceu. Repõe a barra lateral exatamente como estava e mantenha a correção do seletor de datas.

25. Explicar antes de alterar

Explique como é calculado neste momento [o total do checkout], passo a passo, indicando os ficheiros envolvidos. Não altere nada.

Prompts de testes e revisão

26. Casos limite

Liste 10 formas como um utilizador real pode partir o [formulário de reservas]: campos vazios, texto muito longo, cliques duplos, duas pessoas ao mesmo tempo, fusos horários errados. Teste cada uma e corrija o que falhar. Relate o que alterou.

27. Resumir alterações recentes

Resuma em palavras simples todas as alterações que fez nos últimos [cinco] passos e assinale qualquer coisa que possa afetar dados existentes.

Prompts de segurança

Use-os em conjunto com a nossa página sobre se o vibe coding é seguro.

28. Verificar o acesso aos dados

Verifique o código do servidor: um utilizador com sessão iniciada consegue ler ou alterar os [registos] de outro utilizador ao mudar um ID num pedido? Mostre onde o acesso é verificado e corrija as falhas.

29. Verificar segredos expostos

Liste cada chave de API, palavra-passe ou token que esta app usa e onde está guardado cada um. Certifique-se de que nenhum está em código que corre no navegador nem em ficheiros enviados para o repositório. Se estiverem, mova-os para segredos.

Prompts de publicação

30. Revisão antes do lançamento

Vou publicar isto para utilizadores reais. Analise como um revisor: ligações partidas, títulos e descrições de página em falta, formulários sem validação, páginas lentas, erros na consola e tudo o que pareça inacabado num telemóvel. Dê-me uma lista ordenada por importância e depois corrija os cinco primeiros.

Prompts a evitar

Alguns prompts produzem resultados piores de forma consistente:

• “Melhore isto.” Melhorar como? Indique o ecrã e a alteração.
• “Corrija tudo.” A IA vai mudar muita coisa e você não saberá o que se mexeu.
• “Use [biblioteca] e [framework] e [padrão].” A menos que tenha um motivo, descreva o comportamento e deixe a ferramenta escolher a stack.
• “Esta é a minha chave de API: …” Nunca cole segredos num chat. Use as definições de segredos da ferramenta.
• Dez funcionalidades numa só mensagem. Divida-as.

Transformar os prompts num hábito

Depois de alguns projetos terá as suas próprias versões destes. Guarde-as numa nota e reutilize as que funcionam. O Mythex também se lembra de quem é e da forma como trabalha entre projetos, por isso as preferências que repete, como o seu estilo habitual ou a stack, mantêm-se sem as reescrever.

Se estiver preso num primeiro prompt, o gerador gratuito de prompts para apps transforma uma ideia de uma linha num prompt inicial mais completo. E para ver o que estes prompts produzem na prática, leia os nossos exemplos de vibe coding, ou cole o prompt 1 no criador de apps com IA e substitua os parênteses pela sua própria ideia.

Perguntas