Storytelling scroll website workflow with Claude, Three.js and GSAP
From Wikiprompt, the free prompt encyclopedia
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 cinematic scene."
Step 4: Use Lenis.js for the buttery smooth scroll that premium sites have.
Sign in to see the full prompt
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
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
- Category: coding Prompts
- Source: https://x.com/Oluwaphilemon1/status/2059262215144747170
Talk
0 comments