O que você vai conseguir fazer?
Com este prompt, você vai gerar um arquivo HTML completo e funcional que cria uma apresentação visual impactante com:
- Efeito Parallax 3D — Camadas em movimento que criam profundidade
- Animações Cinematográficas — Textos e elementos surgem com transições suaves
- Responsivo para Vídeo — Otimizado para gravação em 9:16 (vertical)
- Sem Dependências — HTML, CSS e JavaScript puros, funciona localmente
- Controle Total — Fácil customizar cores, textos e temas
- Pronto para Redes — Visual moderno e profissional para Reels, TikTok, YouTube
Quando usar este prompt?
📊 Apresentar uma ideia ou produto
Mostre seus serviços de forma impactante, com movimento e estilo. Muito mais atrativo que PowerPoint.
🎥 Criar conteúdo para redes sociais
Grave a apresentação e divida em Reels de 30-60s. Engajamento garantido com efeitos visuais.
💼 Pitch para investidores ou clientes
Deixe sua apresentação profissional e memorável. O movimento faz a diferença na hora de convencer.
🎓 Aula ou treinamento
Ensine conceitos complexos com visualização dinâmica. Os alunos prestam mais atenção.
📢 Campanha de marketing
Crie uma narrativa visual que conta a história da sua marca de forma imersiva.
O Prompt Completo
Copie este prompt e cole em ChatGPT, Claude ou qualquer IA generativa. Customize o tema e público-alvo e você vai receber um arquivo HTML pronto para usar.
Crie uma apresentação em HTML, CSS e JavaScript com efeito parallax, em formato visual moderno, dinâmico e cinematográfico.
Tema da apresentação: [COLOQUE AQUI O TEMA]
Objetivo: criar uma apresentação visual impactante para ser gravada em vídeo, como um site parallax, mostrando que esse formato prende mais atenção do que slides tradicionais.
Público-alvo: [COLOQUE AQUI O PÚBLICO-ALVO]
Formato:
* Site em HTML único, com CSS e JavaScript no mesmo arquivo.
* Visual responsivo para gravação em vídeo vertical 9:16.
* A apresentação deve funcionar apenas com rolagem do mouse.
* Cada seção deve ocupar a tela inteira.
* Usar efeito parallax com profundidade, elementos flutuando, camadas em movimento, textos surgindo com animação e transições suaves.
* Não usar bibliotecas externas.
* O arquivo deve funcionar localmente ao abrir no navegador.
Estrutura da apresentação:
1. Tela de abertura impactante: Título grande sobre o tema: "[TÍTULO PRINCIPAL]" Subtítulo curto: "[SUBTÍTULO]" Elementos visuais em movimento no fundo.
2. Tela "apresentação tradicional": Mostrar uma comparação visual simples, com aparência de slide comum. Texto na tela: "Apresentação tradicional" Mostrar elementos estáticos, como bloco de texto e imagem parada.
3. Tela "apresentação com parallax": Mostrar a mesma ideia em formato moderno, com profundidade, movimento e camadas. Texto na tela: "Com Parallax" Criar sensação de efeito 3D, movimento e imersão.
4. Tela de impacto: Frase principal: "Texto parado informa. Movimento prende atenção." Adicionar elementos visuais se movendo em profundidade.
5. Tela final: Chamada para ação: "Quer o passo a passo?" Texto secundário: "Comenta PARALLAX"
Estilo visual:
* Moderno, premium e tecnológico.
* Alto contraste.
* Tipografia grande e legível.
* Animações suaves.
* Visual bonito para gravação de Reels/TikTok.
* Evitar excesso de texto.
* Priorizar impacto visual.
Inclua comentários no código explicando onde trocar textos, cores e imagens.
No final, entregue apenas o código completo do arquivo HTML.
Passo a passo: Como usar
- Copie o prompt acima — Use o botão "Copiar Prompt Completo"
- Cole em uma IA generativa — ChatGPT, Claude, Gemini, etc.
- Customize as informações — Coloque seu tema, público-alvo e objetivo específico
- Receba o código HTML — A IA vai gerar um arquivo completo e funcional
- Salve como arquivo .html — Crie um arquivo de texto e renomeie para
apresentacao.html
- Abra no navegador — Duplo clique no arquivo ou arraste para o navegador
- Role para navegar — Use o scroll do mouse para passar pelas seções
- Customize livremente — Altere cores, textos, imagens conforme necessário
- Grave em vídeo — Use a ferramenta de gravação do seu computador (OBS, ScreenFlow, etc.)
- Publique nas redes — Divida em Reels, TikTok, YouTube Shorts
💡 Dicas para melhorar os resultados
Seja específico no tema
Em vez de "Marketing digital", use "Como aumentar vendas com anúncios no Instagram para pequenas empresas". Quanto mais específico, melhor o resultado.
Defina bem o público-alvo
A IA vai adaptar o tom e visual. Diga se é para adolescentes, profissionais, clientes B2B, etc.
Peça ajustes no tom
Se o resultado ficar muito sério, peça "tom mais leve e descontraído". Se ficar muito casual, peça "mais profissional".
Customize as cores da IA
Se a IA gerar com cores que não combinam com sua marca, peça para trocar. Exemplo: "Use azul #0066ff e branco no lugar das cores atuais".
Grave em qualidade 4K
Se for publicar em Reels, grave em resolução alta (1080p mínimo) para manter a qualidade do parallax.
Adicione áudio depois
A apresentação é visual. Grave o vídeo mudo e adicione uma narração ou trilha sonora depois no Adobe Premiere, CapCut ou similar.
Perguntas Frequentes
Preciso saber programar para usar este prompt?
Não. A IA vai gerar todo o código pronto para usar. Você só precisa saber como salvar um arquivo HTML e abrir no navegador. Se quiser fazer ajustes pequenos (trocar texto, cor), é bem simples — mas não é obrigatório.
Funciona offline? Preciso de internet?
Sim, funciona 100% offline. O arquivo HTML é independente e roda localmente no seu navegador. Depois de gerar, você não precisa mais da internet para usar a apresentação.
Posso usar em qual IA? ChatGPT? Claude?
Sim! O prompt funciona em qualquer IA generativa que cria código: ChatGPT, Claude, Gemini, Copilot, etc. Cada uma pode ter pequenas variações no resultado, mas todas conseguem gerar o arquivo completo.
E se eu quiser adicionar imagens? Como faço?
O prompt inclui comentários no código indicando onde adicionar imagens. Você pode usar URLs de imagens online ou colocar um arquivo local. A IA vai explicar exatamente onde fazer isso.
Posso mudar as cores e fontes depois?
Sim. O código gerado tem seções bem claras para cores e tipografia. Se souber CSS básico, é fácil. Se não souber, pode pedir ajuda para a IA também: "Mude a cor principal para azul e a fonte para Arial".
Qual é o melhor navegador para abrir?
Chrome, Firefox, Safari, Edge — todos funcionam. Use o que você já tem instalado. O efeito parallax funciona em todos os navegadores modernos.
Posso usar para vender? É comercial ou só pessoal?
Pode usar para tudo! Apresentações comerciais, vender produtos, criar conteúdo para redes sociais, aulas pagas — sem restrição. O código é seu.
E se eu não gostar do resultado? Como peço ajustes?
Volte para a IA e descreva o que quer mudar. Exemplo: "Deixa o fundo mais escuro", "Aumenta o tamanho da fonte", "Adiciona mais animação na parte 3". A IA vai regenerar rapidinho.
Pronto para criar sua apresentação impactante?
Copie o prompt, customize com seu tema e veja a magia acontecer. Seu público vai ficar impressionado.