Crear un sitio web de storytelling con scroll usando Claude (Three.js + GSAP)
De Wikiprompt, la enciclopedia libre de prompts
Crear un sitio web de storytelling con scroll usando Claude (Three.js + GSAP) Una receta breve para hacer vibe coding de un sitio web cinematográfico de storytelling con scroll usando Claude, combinando dos prompts con Three.js, GSAP ScrollTrigger y Lenis.js.
Medios relacionados
Contenido del PromptGuardar
🌐
Paso 1 - Prompt:
"Construí un sitio web de storytelling donde cada sección de scroll revele un nuevo capítulo con transiciones de color fluidas."
Paso 2 - Usá Three.js para el fondo con textura pintada que reacciona al cursor.
Paso 3 - Prompt:
"Agregá GSAP ScrollTrigger para que cada sección se anime al entrar como una escena cinematográfica."
Paso 4 - Usá Lenis.js para lograr el scroll ultra fluido que tienen los sitios premium.
Iniciá sesión para ver el prompt completo
Continuar con:
Al iniciar sesión, aceptás nuestros Términos de uso y Política de privacidad
Uso
Este prompt está diseñado para usarse con coding. Copiá el contenido de arriba y pegalo en tu herramienta de IA preferida.
Para mejores resultados, personalizá los marcadores (indicados con corchetes o mayúsculas) con tus requisitos específicos.
Referencias
- Categoría: Prompts de coding
- Fuente: https://x.com/Oluwaphilemon1/status/2057102727000228176
Discusión
0 comentarios