Ia na prática: como criar um portfólio profissional com apenas dois prompts

Se você é da área ambiental e quer se posicionar como especialista, fale agora com nosso time pedagógico e garanta condições especiais para nossas pós-graduações e MBA:

???? https://tinyurl.com/timeambientalpro

__________________________________________________

Aprenda com Manuel Castro, coordenador pedagógico do Ambiental Pro, como criar um portfólio de mapas interativo e profissional, usando IA e apenas dois prompts no Lovable.

Ideal para quem quer destacar seu trabalho e se diferenciar no mercado ambiental.

____________________________________________________

Os seguintes prompts foram utilizados neste vídeo. Altere de acordo com as suas necessidades e aproveite para testar da forma que você quiser!

PRIMEIRO PROMPT
Sou geógrafo e quero criar um portfólio para divulgar meus mapas. Siga exatamente estas instruções:
Tema geral: página elegante, profissional e com visual rústico.
Título inicial: no topo da página, coloque um h1 com o texto "Portfólio de Cartografia e Geoprocessamento".
Logo abaixo, insira um p com o texto "SEU NOME".
Coloque uma forma transparente como fundo apenas para destacar o título.
Layout e seções
Barra de navegação: Fundo marrom com botões de navegação destacados e alinhados ao centro.
Imagem de fundo (capa inicial): Usar exclusivamente a primeira imagem anexa como background do início da página.
Sobre mim: Criar uma seção "Sobre mim" e inserir exclusivamente a segunda imagem anexa como minha foto.
Mapas
Criar seção "Meus Mapas" e incluir filtros para: Mapas de localização, Mapas temáticos, Mapas analíticos, Mapas artísticos e Todos os mapas. Não adicionar nenhum mapa ainda. Apenas a estrutura e os filtros.
Contato
Criar seção de contato com links para:
LinkedIn → ADICIONE O LINK
Instagram → ADICIONE O LINK
WhatsApp → ADICIONE O SEU NÚMERO
GitHub → ADICIONE O SEU NÚMERO
Regras obrigatórias
Não gerar imagens por IA.
Usar somente os arquivos anexados (não substituí-los, não alterá-los).
Salvar as imagens anexas dentro do projeto e referenciá-las corretamente.
O resultado final deve ser uma página HTML/CSS funcional e responsiva.

SEGUNDO PROMPT
Adicione os mapas ao portfólio conforme as instruções abaixo:
Imagens de mapas
Use exclusivamente as imagens fornecidas em anexo.
Cada imagem deve ser salva no projeto e referenciada corretamente.
Estrutura e funcionalidades
Classificação e descrição
Analise cada imagem anexa e escreva informações sobre esses mapas.
Inserir a descrição correta e a categoria/filtro correspondente: Mapa artístico, Mapa temático, Mapa analítico ou Mapa de localização (se aplicável).
Interação do usuário
Ao passar o mouse sobre qualquer mapa → exibir botão/overlay “Ver Detalhes”.
Ao clicar em “Ver Detalhes” → abrir uma nova janela pop-up (modal) com a visualização completa do mapa, título, descrição, categoria/filtro associado.
Funções avançadas de visualização dentro do pop-up
Zoom in/out ao clicar no mapa.
Pan (arrastar com o mouse) para mover o mapa, exibindo o cursor como uma “mãozinha”.
A interação deve ser fluida e responsiva.
Filtros já existentes
Os mapas devem ser automaticamente associados aos filtros criados anteriormente (artístico, temático, analítico, etc.).
Regras obrigatórias:
Não substituir nem criar imagens novas.
Usar apenas as imagens anexadas como conteúdo dos mapas.
O resultado deve ser uma página HTML/CSS/JS funcional, responsiva e com modais/pop-ups interativos.