Créer un site de scroll-storytelling avec Claude (Three.js + GSAP)

De Wikiprompt, l’encyclopédie libre de prompts

FHILY
Contribué parFHILYTwitter

Jun 2, 2026

Créer un site de scroll-storytelling avec Claude (Three.js + GSAP) Une courte recette pour le vibe coding d'un site cinématographique de scroll-storytelling avec Claude, associant deux prompts à Three.js, GSAP ScrollTrigger et Lenis.js.

Contenu du Prompt

Ce prompt est en anglais — il fonctionne avec tous les modèles d’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...

Connectez-vous pour voir le prompt complet

Se Connecter pour Continuer

Utilisation

Ce prompt est conçu pour être utilisé avec coding. Copiez le contenu ci-dessus et collez-le dans votre outil d’IA préféré.

Pour de meilleurs résultats, personnalisez les espaces réservés (indiqués par des crochets ou des majuscules) selon vos besoins.

Références

Related media

Catégories :coding| twitter| claude| web-development