A diferença entre um resultado de IA genérico e um de primeira raramente é o modelo, é o prompt. Os padrões abaixo entregam resultados que parecem intencionais, com cara de marca e prontos pra lançar, não colados às pressas. Use como esqueleto e adapte ao seu produto.
Todo usuário do Lovable descobre, cedo ou tarde, que o mesmo prompt feito de dois jeitos produz dois apps completamente diferentes. Um parece genérico, como um template levemente disfarçado. O outro parece intencional, como se um designer cuidadoso o tivesse escrito. O modelo não mudou. O prompt sim.
Depois de peneirar milhares de prompts na nossa comunidade de pesquisa e de refazer os mesmos produtos por conta própria dezenas de vezes, a gente reuniu os padrões que entregam resultados premium de forma consistente. Esta é a biblioteca selecionada. Use como ponto de partida, não como roteiro.
A anatomia de um bom prompt do Lovable
Antes da biblioteca, o padrão. Todo prompt que entrega output premium de forma consistente contém cinco elementos, mais ou menos nesta ordem:
- Um produto ou marca nomeado, pra que a IA se comprometa com uma identidade em vez de abstração.
- Um público concreto, pra que os textos sejam direcionados em vez de genéricos.
- Um único resultado principal, pra que a tela não saia do escopo.
- Uma referência visual (um ou dois nomes), pra que a estética seja opinativa.
- Uma restrição que nomeia o que deixar de fora, pra que o resultado seja contido.
Landing pages que convertem
1. Landing de SaaS premium: estética Linear/Stripe
Crie a landing page de marketing de [produto]. Público: [usuário concreto]. Acima da dobra: título de uma frase que nomeia o momento de dor, subtítulo de uma frase que nomeia o alívio, um único CTA. Estética: Linear encontra Stripe: tipografia contida, espaço em branco generoso, hero com degradê suave, sem ilustrações de banco de imagem. Três prints honestos, três passos numerados, um bloco de preço com um único plano e um rodapé. Sem carrossel, sem mural de depoimentos, sem widget de chat.
2. Página de produto com pegada editorial
Crie uma página de produto no estilo de revista para [produto], no espírito da Kinfolk e do Apple Newsroom. Use uma fonte serifada fina no título (Playfair Display italic na palavra de destaque). Fonte-base sem serifa. Hero assimétrico de duas colunas em que a imagem do produto flutua à direita do título. Fundo creme, texto grafite. Um CTA principal, nenhum CTA secundário. A página deve parecer lenta e confiante.
3. Página de lançamento de indie hacker
Crie uma página de lançamento para [produto], um SaaS indie para [público]. Tom direto e amigável. Mostre o nome e a foto do fundador. Um parágrafo que conta a história de por que isto existe. Um único CTA: 'Testar de graça.' Abaixo da dobra, uma FAQ curta na voz do fundador. Fundo creme suave, uma única cor de destaque. Sem linguagem corporativa.
Esqueletos completos de SaaS
4. SaaS de assinatura num prompt
Crie um SaaS de assinatura completo chamado [nome] para [público]. Incluso: landing page de marketing, autenticação (e-mail e Google), um dashboard limpo com navegação em sidebar, uma única página de recurso principal, configurações, cobrança via Stripe com um plano de US$ 19/mês e um fluxo de logout. Use o backend gerenciado para banco e auth. Design: minimalista premium, violeta suave como cor primária, tipografia Inter, espaço em branco generoso. Responsivo no mobile.
5. Ferramenta interna / painel admin
Crie uma ferramenta admin interna para [time] gerenciar [entidade]. Uma única tela: uma tabela calma e densa de dados com busca, filtros por [campos], edição inline e ações em massa. Navegação em sidebar para entidades relacionadas. Use o backend gerenciado. Estética: inspirada no Linear, dark mode por padrão, monospace para IDs. Priorize clareza acima de decoração. Sem chrome de marketing.
6. Esqueleto de um marketplace de duas pontas
Crie um MVP de marketplace que conecta [oferta] com [demanda]. Dois papéis, dashboards separados. Papel de oferta: perfil, criação de anúncio, caixa de entrada. Papel de demanda: busca, detalhe do anúncio, ação de contato. Auth com escolha de papel no cadastro. Backend gerenciado. Estética editorial limpa. Deixe as mensagens de fora do v1, troque por um botão 'enviar e-mail ao vendedor' que abre um e-mail pré-formatado.
MVPs num único prompt
7. O briefing do MVP de sete dias
Crie a menor versão útil possível de [produto]. Uma tela, uma entrada, uma saída. Deixe a autenticação de fora do v1, guarde o estado no localStorage. A saída precisa ser a única coisa pela qual o usuário veio. Estética minimalista premium. Acima da tela, uma única frase que explica o que ela faz. Abaixo, um único CTA: 'Salvar pra depois' (cria uma conta).
8. Ferramenta de propósito único turbinada por IA
Crie uma ferramenta de IA de uma tela: cole [entrada], receba [saída]. Use o Lovable AI no backend gerenciado com o modelo [modelo]. Mostre uma área de texto limpa, um único botão de gerar e um painel de resultado com botão de copiar. Embuta um estado de carregamento discreto (cursor de máquina de escrever, sem spinner). Amigável no mobile. Rodapé com uma linha: 'Feito com Lovable.' Deixe os rate limits de fora do v1; a gente adiciona depois.
Sistemas de design e direção visual
9. Montar um sistema de design opinativo
Antes de criar recursos, monte o sistema de design no index.css e no tailwind.config. Cor primária: [hex] (converta pra HSL). Fundo: creme quente (hsl 40 30% 97%). Primeiro plano: quase preto (hsl 240 15% 10%). Títulos: Inter Display 700, fonte-base: Inter 400, itálico de destaque: Playfair Display 500. Raio: 0.75rem. Adicione uma utility de degradê suave .gradient-text e uma utility de card de vidro. Todo componente futuro usa esses tokens. Nunca escreva valores hex inline.
10. Revestir um app existente pra que pareça premium
Reveja o app atual pra que pareça uma publicação editorial fina. Troque os padrões genéricos do shadcn por: títulos em Inter Display, Playfair Display italic na palavra de destaque de cada H1, degradê suave de violeta pra rosa nos CTAs principais, espaçamento generoso (py-24 entre seções no desktop) e layouts assimétricos onde couber. Remova emojis dos títulos. Adicione um separador ornamental por página.
Componentes de UI concretos
- Tabela de preços com um plano destacado e zero excesso de recursos.
- Hero animado de máquina de escrever que alterna entre três casos de uso do produto.
- Layout de artigo no estilo editorial com capitular, pull-quote e barra de progresso de leitura.
- Fluxo de onboarding calmo, com três passos e uma opção de pular que não pune o usuário.
- Estados vazios com uma única ilustração e uma única próxima ação.
- Página de configurações que parece de fato uma página de ajustes da Apple, não um formulário Bootstrap.
Recursos de IA e integrações
11. Adicionar uma interface de chat a um app existente
Adicione um painel de chat ao app atual. Use o Lovable AI com o modelo google/gemini-3-flash-preview. Guarde as conversas no backend gerenciado, restritas ao usuário logado. Faça streaming das respostas (não bloqueante). Mantenha a UI mínima: uma única coluna, altura de linha generosa, sem balões de avatar. O comando de barra '/clear' reseta o thread.
12. Extração estruturada de um documento
Adicione um recurso em que o usuário faz upload de um PDF e recebe de volta um resumo estruturado: título, três pontos-chave e uma ação sugerida. Use o Structured Output do Lovable AI (schema Zod). Mostre o resultado como um card editorial, não como um despejo de JSON. Guarde cada extração no histórico do usuário.
Os prompts de conserto de que todo builder precisa
13. A refatoração cirúrgica
O [componente] faz coisa demais. Divida em componentes menores, de responsabilidade única, numa pasta nova. Mantenha a interface pública idêntica. Não mude a lógica. Depois da divisão, o arquivo pai deve ficar abaixo de 100 linhas.
14. A crítica de design honesta
Olhe a tela atual com os olhos de um jurado do Awwwards. Nomeie as três decisões visuais mais fracas e proponha substituições concretas. Depois implemente. Seja opinativo.
15. A auditoria de performance
Faça o profiling da página inicial. Identifique as três renderizações mais lentas ou os três maiores assets. Corrija: carregue imagens abaixo da dobra em lazy, faça code splitting das rotas pesadas e troque componentes de client desnecessários. Meta: Lighthouse 95+ no mobile.
Como usar esta biblioteca
Escolha o prompt mais próximo. Troque os espaços reservados entre colchetes. Adicione uma frase que nomeia o que deixar de fora. Depois itere a partir do resultado com prompts menores e cirúrgicos, em vez de reescrever o briefing inteiro.
Copie um prompt de cima pra um projeto novo e veja o que muda.
Perguntas frequentes
Prompts mais longos geram resultados melhores no Lovable?
Nem sempre. Os melhores prompts são densos, não longos. Eles nomeiam a marca, o público, o resultado, a referência visual e as restrições. Encher de adjetivos gera um output mais vago.
Devo escrever prompts em inglês ou na minha língua materna?
Os dois funcionam. O modelo é de fato multilíngue. A gente viu resultados excelentes em russo, espanhol, francês e português. Escreva na língua em que você pensa com mais clareza.
Como eu faço prompt pra um estilo visual específico?
Nomeie uma ou duas referências conhecidas em vez de uma pilha longa de adjetivos. 'Linear encontra Kinfolk' gera um resultado mais coerente que 'moderno, elegante, premium, minimalista, bonito.'
Posso salvar e reutilizar prompts entre projetos?
Pode. A gente recomenda manter uma biblioteca pessoal de prompts, mesmo que seja um arquivo de texto simples: e tratar cada prompt como propriedade intelectual que você vai afiando com o tempo.
Qual é a única frase mais importante pra adicionar a todo prompt do Lovable?
Uma frase que nomeia o que deixar de fora. Restrição gera bom gosto; permissão gera excesso.
O Briefing
The best of Lovable, once a week.
Deep reviews, founder case studies, and growth tactics. No filler.
Sem spam. Cancelamento com um clique.
Crie algo com a gente
Começar com o Lovable
Abra o Lovable, escreva seu primeiro prompt e lance aquilo em que você já pensa faz tempo demais.
Começar com o Lovable
