Compartilhamento de prompt padrão reutilizável para criar aplicações…
INEMA
Abaixo está um prompt padrão reutilizável que você pode usar tanto no Loveable quanto no Bolt (ou qualquer outra ferramenta no-code com IA), para criar aplicações web com upload de imagem, IA, automações, login, banco de dados e pagamento.
Esse prompt cobre todos os pontos do vídeo, de forma organizada e adaptável para qualquer projeto de SaaS com IA.
Prompt Padrão para Criar Aplicações com IA no Loveable ou Bolt⌗
```Crie uma aplicação web com as seguintes especificações:
-
Identidade do Projeto - Nome: [INSIRA O NOME DO APP] - Tema visual moderno e responsivo, com opção de modo escuro (dark theme). - Estilo visual épico, com animações suaves e aparência profissional.
-
Funcionalidade Principal - O usuário deve poder fazer upload de uma imagem. - A imagem deve ser enviada para o webhook: [INSIRA AQUI O LINK DO WEBHOOK DO MAKE.COM OU N8N] - Mostrar uma animação de carregamento durante o processamento (ex: "Analisando imagem..."). - Após até 60 segundos, a imagem transformada deve ser retornada e exibida na interface. - Exibir a imagem original à esquerda e a transformada à direita.
-
Autenticação e Banco de Dados - Implementar sistema de login e cadastro de usuários com e-mail e senha. - Integrar com Supabase para armazenamento de dados dos usuários. - Campos necessários: nome, e-mail, senha. - Manter os usuários autenticados entre sessões. - Exibir erro amigável caso haja falha no login ou cadastro.
-
Monetização com Stripe - Integrar o Stripe como gateway de pagamento. - Permitir que o usuário use a funcionalidade uma vez gratuitamente. - Após isso, oferecer um plano de assinatura mensal de R$ [VALOR] (ex: R$ 49,00/mês). - Adicionar botão “Assinar Plano Premium” com redirecionamento ao checkout do Stripe. - Após a confirmação do pagamento, registrar no banco de dados que o usuário é premium.
-
Experiência do Usuário (UX) - Exibir mensagens de status: "Enviando imagem...", "Imagem transformada!", "Erro ao processar imagem". - Manter esquema de cores e layout visual atual, sem mudanças automáticas. - Adicionar exemplos de transformação com imagens demonstrativas. - Layout mobile-first, totalmente funcional em smartphones e tablets.
-
Extras (opcionais para refinar ainda mais) - Integração com login via Google. - Galeria de transformações do usuário com histórico. - Limite de 20 transformações por mês para usuários premium. - Página de termos de uso e política de privacidade.
Instruções: - Mantenha tudo modular para facilitar atualizações futuras. - Permitir fácil substituição do webhook, chave da API ou valores do Stripe.```
Como Usar⌗
- No Loveable: Cole esse prompt na criação de um novo projeto.
- No Bolt: Use esse prompt como instrução principal para montar o fluxo visual (você pode dividir em blocos por funcionalidade).
- No Claude/ChatGPT: Peça para ele gerar os códigos HTML/CSS/JS a partir disso.
- No Make.com / n8n: Use os webhooks e automações referenciadas nesse prompt para conectar tudo.
Prompt de SaaS com N8N e Lovable
1