Lovable

Setup inicial

Passo a passo para exportar dados do eKyte, acessar o Lovable e importar seu dashboard.

4.1 Coleta de dados no eKyte

  1. Acesse https://app.ekyte.com e faça login com suas credenciais.
  2. Na página inicial, abra o módulo cujos dados você quer exportar.
  3. Após o carregamento da tela, localize o botão Análise de IA e selecione a opção "Criar dashboard no Lovable", no canto superior direito da lista de dados.
Barra de filtros do eKyte com ícone de exportação destacado Menu suspenso com a opção Criar dashboard no Lovable
  1. O download do arquivo CSV é iniciado automaticamente e salvo na pasta Downloads. Ao selecionar "Criar dashboard no Lovable", você também será redirecionado para o Lovable.

Filtrando antes de exportar:

Se quiser um recorte específico dos dados, aplique filtros antes de exportar. No módulo Tarefas, por exemplo, você pode restringir por Workspace, Executor, Participante, Squad, Fluxo de trabalho, Tags, Situação e Período.

Painel de filtros do eKyte

Aplique os filtros desejados e aguarde a atualização da lista. Em seguida, clique em Exportar ou "Criar dashboard no Lovable". O CSV exportado conterá apenas os dados exibidos na tela.

Como saber que deu certo: um arquivo aparece na sua pasta de Downloads com um nome parecido com Controle_de_tarefas_-_15-05-2026_10-30.csv.


4.2 Mapa dos relatórios e dashboards

O eKyte tem vários relatórios. Veja abaixo onde cada um fica.

Como funciona o menu do eKyte

Os relatórios ficam em seções diferentes dependendo do tipo de dado. Clique no nome da seção para expandir e ver os itens dentro.

Menu de navegação do eKyte com as seções expandidas

Onde fica cada relatório

Dashboard que você quer montarOnde encontrar no eKyte
TarefasMenu → Tarefas
ProjetosMenu → Projetos
Atividades por ExecutorMenu → Data Driven → Produtividade e Colaboração → Atividades por Executor
Funil Multicanal 360Menu → Data Driven → Marketing → Funil Multicanal 360
Despesas de ProjetosMenu → Data Driven → Produtividade e Colaboração → Despesas de Projetos
Monitoramento de CampanhasMenu → Marketing → Monitoramento de Campanhas
Redes SociaisMenu → Marketing → Monitoramento de Redes Sociais
PublicaçõesMenu → Publicações

Se não encontrar algum item, seu usuário pode não ter permissão para aquele relatório. Fale com o administrador da conta.


4.3 Acesso ao Lovable

  1. Localize o botão Análise de IA e, no menu suspenso exibido, identifique a opção "Criar dashboard no Lovable".
Menu suspenso com a opção Criar dashboard no Lovable
  1. Você será redirecionado automaticamente para o Lovable. Faça login ou cadastre-se com as suas credenciais.
Tela de login do Lovable
  1. Após realizar o login, você será direcionado para a página do projeto, onde um tutorial será aberto automaticamente. Caso o tutorial não seja exibido, clique em "Como começar" para abri-lo manualmente.
Página do projeto Lovable com tutorial aberto

4.4 Duplicando o projeto (Remix)

No tutorial, você terá duas opções principais: "Duplicar projeto (Remix)" e "Importar CSV no site". Selecione a primeira opção.

  1. O guia destacará a barra superior, onde é exibido o título do projeto. Clique sobre o título para abrir o menu suspenso e selecione a opção "Remix".
Menu do projeto Lovable com a opção Remix destacada
  1. Dois campos serão exibidos:
    • Nome do novo projeto
    • Workspace de destino, onde a cópia será armazenada
  2. Preencha ambos e clique em "Remix".
Formulário de Remix com campos Nome e Workspace
  1. Aguarde o processo de duplicação concluir. Você será redirecionado automaticamente para o projeto clonado.

Como saber que deu certo: a pré-visualização à direita mostra o dashboard sem erros e você consegue rolar a tela.

ÁreaO que faz
Chat (esquerda)Onde você envia mensagens — pedindo features novas, corrigindo algo ou anexando arquivos.
Pré-visualização (direita)Mostra a aplicação rodando ao vivo. Atualiza sozinha depois que o Lovable processa um comando.
Interface do Lovable: chat à esquerda e pré-visualização à direita

4.5 Importando os dados

Com o projeto duplicado aberto, abra o tutorial novamente (botão "Como começar") e desta vez selecione "Importar CSV no site". O guia mostrará o passo a passo da importação.

Tutorial do Lovable com a opção Importar CSV no site
  1. O botão "Importar CSV" será destacado — clique nele.
Botão Importar CSV destacado pelo tutorial
  1. A pasta de navegação do sistema será aberta. Navegue até a pasta Downloads (ou onde você baixou os arquivos).
  2. Selecione o CSV recém-baixado do eKyte (por exemplo, o de tarefas) e envie.
Seleção do arquivo CSV na pasta Downloads
  1. Ao carregar o arquivo correto, você verá a notificação "CSV carregado".
  2. Clique em "Concluir" — o dashboard será atualizado automaticamente com seus dados.
Notificação CSV carregado e botão Concluir

Você pode revisitar o tutorial a qualquer momento clicando em "Como começar".

Como saber que deu certo: a pré-visualização à direita atualiza e mostra os dados do CSV importado na página correspondente.


4.6 Personalizando com IA

Para fazer suas próprias mudanças e adições no projeto:

  1. Vá ao chat à esquerda da tela.
  2. Explique o que deseja alterar ou criar — por exemplo: adicionar uma nova métrica, modificar um gráfico, ajustar a paleta de cores, criar uma página ou utilizar os prompts de exemplo deste guia.
Campo de chat com instrução de personalização digitada
  1. O Lovable processa o pedido e atualiza o projeto em tempo real.
Lovable processando a instrução enviada no chat
  1. Quando o chat indicar que finalizou, acesse o conteúdo modificado na pré-visualização.

Pontos importantes:

  • Anexar arquivos: no campo de mensagem do chat há um ícone de clipe (📎) ou de "+". É por ali que você sobe os arquivos.
Campo de mensagem do Lovable com ícone de clipe para anexar arquivos
  • Voltar no tempo: abaixo de cada mensagem antiga do chat há uma seta ↩ que reverte o projeto ao estado daquela mensagem. Use isso quando algo der errado.
Seta de reversão abaixo de uma mensagem no chat do Lovable

5. Dados sensíveis e privacidade

Atenção: arquivos em public/ ficam acessíveis por URL direta a qualquer pessoa com o link da aplicação. Isso inclui CSVs com receita por projeto, valor realizado por executor, e-mails e dados de colaboradores e clientes.

Recomendações:

  1. Confirme o modelo de acesso antes de subir CSVs reais. Aplicação pública = dados públicos.
  2. Para testes, use CSVs com dados anonimizados.
  3. LGPD: nomes e e-mails são dados pessoais. Garanta base legal documentada.
  4. Não comite CSVs reais em git público. Adicione public/data/*.csv ao .gitignore e suba via interface do Lovable.

6. Como usar os prompts deste guia

Os prompts são as instruções que dizem ao Lovable o que construir. Estão todos prontos — você só precisa copiar, colar e enviar.

Nota sobre repetições intencionais: cada prompt deste guia é auto-contido para ser colado isoladamente no Lovable. Por isso, padrões como "estados vazios", "atalhos de teclado", "exportação CSV ; UTF-8 BOM" e "identidade visual idêntica" se repetem propositalmente.

Como usar um prompt

  1. Confirme que o arquivo CSV já foi importado (§4.5 acima).
  2. Encontre o prompt do dashboard que você quer na seção correspondente.
  3. Clique na caixa do prompt para selecionar todo o texto.
  4. Copie (Ctrl+C no Windows / Cmd+C no Mac).
  5. Cole no chat do Lovable (Ctrl+V / Cmd+V).
  6. Clique em Enviar.
  7. Aguarde — prompts grandes podem levar vários minutos. Não envie de novo achando que travou. O Lovable vai mostrar que está processando.

Quando terminar, a pré-visualização vai atualizar mostrando o novo dashboard.

Dica: se algo ficar estranho ou quebrar, procure a seta ↩ abaixo da mensagem antiga no chat do Lovable — ela reverte o projeto para o estado anterior àquela mensagem.


7. Atualizando os dados depois

Sempre que os dados do eKyte mudarem e você quiser refletir no dashboard:

  1. Repita o §4.1 para baixar o relatório atualizado.
  2. Abra o tutorial ("Como começar") e selecione "Importar CSV no site".
  3. Selecione o novo arquivo e clique em Concluir.

A pré-visualização recarrega com os dados novos. Nenhum prompt precisa ser rodado de novo.

Atalho: se você fez a integração via API REST, o dashboard de Tarefas atualiza sozinho sem precisar exportar nada.

Esta página foi útil?