Build a scroll-storytelling website with Claude (Three.js + GSAP)
From Wikiprompt, the free prompt encyclopedia
Build a scroll-storytelling website with Claude (Three.js + GSAP) A short build recipe for vibe-coding a cinematic scroll-storytelling website with Claude, pairing two prompts with Three.js, GSAP ScrollTrigger, and Lenis.js.
Prompt Content
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...
Sign in to see the full prompt
Sign In to ContinueUsage
This prompt is designed for use with coding. Copy the prompt content above and paste it into your preferred AI tool.
For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.
References
- Category: coding Prompts
- Source: https://x.com/Oluwaphilemon1/status/2057102727000228176
- Original view: View on Wikiprompt
Related media
