Wikiprompt
Diskussion

Eine Scroll-Storytelling-Website mit Claude bauen (Three.js + GSAP)

Von Wikiprompt, der freien Prompt-Enzyklopädie

FHILY👑
Beigetragen vonFHILY👑XQuelle

20. Mai 2026

Eine Scroll-Storytelling-Website mit Claude bauen (Three.js + GSAP) Ein kurzes Bau-Rezept für das Vibe-Coding einer kinoreifen Scroll-Storytelling-Website mit Claude, das zwei Prompts mit Three.js, GSAP ScrollTrigger und Lenis.js kombiniert.

Zugehörige Medien

Prompt-InhaltSpeichern

🌐
Schritt 1 - Prompt: „Baue eine Storytelling-Website, bei der jeder Scroll-Abschnitt ein neues Kapitel mit fließenden Farbübergängen enthüllt.“ Schritt 2 - Verwende Three.js für den gemalten Textur-Hintergrund, der auf den Cursor reagiert. Schritt 3 - Prompt: „Füge GSAP ScrollTrigger hinzu, damit jeder Abschnitt beim Erscheinen wie eine filmische Szene animiert wird.“ Schritt 4 - Verwende Lenis.js für das butterweiche Scrollen, das Premium-Websites auszeichnet.

Melde dich an, um den vollständigen Prompt zu sehen

Weiter mit:

Mit der Anmeldung akzeptierst du unsere Nutzungsbedingungen und Datenschutz

Verwendung

Dieser Prompt ist für die Verwendung mit coding gedacht. Kopiere den Inhalt oben und füge ihn in dein bevorzugtes KI-Tool ein.

Für beste Ergebnisse passe die Platzhalter (eckige Klammern oder Großbuchstaben) an deine Anforderungen an.

Referenzen

Kategorien:coding| twitter| claude| web-development

Diskussion