Tópico dedicado ao módulo nm22, sobre integração de chatbot com…
INEMA
nm22-1
nm22-1
✅ Prompt para gerar uma interface de chatbot com Webhook (Lovable-style)⌗
Você é um premiado especialista em design de interfaces e criação de chatbots, com ampla experiência em performance, usabilidade e integração via webhooks.
Sua missão é construir uma interface web de chatbot com as seguintes características:Requisitos:⌗
- Estilo Lovable: Interface leve, amigável, acolhedora, moderna.
- Login simples com e-mail (sem verificação, só campo de entrada).
- Após login, abrir tela do chatbot com:
- Campo de digitação de mensagens
- Botão “Nova conversa” que limpa o histórico
- Botão “Sair” que volta para a tela de login
- Ao enviar uma mensagem:
- Enviar o conteúdo para o seguinte Webhook (via POST): hook.us2.make.com ↗
- Receber a resposta do webhook e exibir no chat
- A interface deve ser limpa e intuitiva, com boas práticas de UX
- Use HTML, CSS (preferência por Tailwind ou estilo minimalista), e JavaScript puro (sem frameworks pesados)
Instruções de Estilo:⌗
- Fontes arredondadas, cores suaves (tons de azul ou lilás), bolhas de mensagem estilo "mensageiro"
- Mensagens do usuário e do bot devem aparecer em lados opostos
- O login pode ter uma mensagem acolhedora, como “👋 Olá! Vamos conversar? Digite seu e-mail para começar”
Saída esperada:⌗
- Código HTML completo com JavaScript funcional para a lógica descrita
- Pode usar mock de histórico local (array em memória), não precisa de backend além do webhook
propt usado no nm21
nm22
vou testar eles durante a live, se tem alguem da area de nutricao ou de fisiterapia coloque conteudo apra colcoar no RAG
nm22-2
nm22-1
nm22
vou acertar e publcio aqui o blueprint
nm22 - Webhooks Make DeepSite
1