Fluxo de trabalho de site narrativo com scroll usando Claude, Three.js e GSAP
De Wikiprompt, a enciclopédia livre de prompts
Fluxo de trabalho de site narrativo com scroll usando Claude, Three.js e GSAP Um fluxo de trabalho passo a passo para construir um site narrativo orientado por scroll com o Claude gerando o código, estilizado com Three.js, GSAP ScrollTrigger e rolagem suave Lenis.
Mídia relacionada
Conteúdo do PromptSalvar
🌐
Passo 1, prompt para Claude: "Construa um site de storytelling onde cada seção de rolagem revela um novo capítulo com transições de cores fluidas."
Passo 2: Use Three.js para um fundo de textura pintada que reage ao cursor.
Passo 3, prompt para Claude: "Adicione GSAP ScrollTrigger para que cada seção anime como uma cena cinematográfica."
Passo 4: Use Lenis.js para o scroll suave e amanteigado que sites premium têm.
Entre para ver o prompt completo
Continuar com:
Ao entrar, você concorda com nossos Termos de uso e Política de privacidade
Uso
Este prompt foi projetado para uso com coding. Copie o conteúdo acima e cole na sua ferramenta de IA preferida.
Para melhores resultados, personalize os marcadores (indicados por colchetes ou maiúsculas) com seus requisitos específicos.
Referências
- Categoria: Prompts de coding
- Fonte: https://x.com/Oluwaphilemon1/status/2059262215144747170
Discussão
0 comentários