Criar um site de storytelling com scroll usando Claude (Three.js + GSAP)

De Wikiprompt, a enciclopédia livre de prompts

FHILY
Contribuído porFHILYTwitter

Jun 2, 2026

Criar um site de storytelling com scroll usando Claude (Three.js + GSAP) Uma receita curta para fazer vibe coding de um site cinematográfico de storytelling com scroll usando Claude, combinando dois prompts com Three.js, GSAP ScrollTrigger e Lenis.js.

Conteúdo do Prompt

Este prompt está em inglês — funciona com todos os modelos de IA.

Step 1 — Prompt: "Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions." Step 2 — Use Three.js for the painted texture background that reacts to the cursor. Step 3 — Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scen...

Entre para ver o prompt completo

Entrar para Continuar

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

Related media

Categorias:coding| twitter| claude| web-development