Wikiprompt
Talk

Storytelling scroll website workflow with Claude, Three.js and GSAP

From Wikiprompt, the free prompt encyclopedia

FHILY
Contributed byFHILYXSource

May 26, 2026

Storytelling scroll website workflow with Claude, Three.js and GSAP A step by step workflow for building a scroll-driven storytelling website with Claude generating the code, styled with Three.js, GSAP ScrollTrigger and Lenis smooth scroll.

Related media

Prompt ContentSave

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

Sign in to see the full prompt

Sign In to Continue

Usage

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

Categories:coding| twitter| claude| web-development

Talk