Gratis-Download

Samurai Site: One Prompt, Three Libraries

Ein kostenloses Schritt-für-Schritt-Tutorial: der genaue Prompt, mit dem Claude Code eine hochwertige Onepager-Website für eine fiktive japanische Klingenschmiede baut, mit Lenis Smooth Scroll, GSAP ScrollTrigger und drei React-Bits-Komponenten, dazu der fertige Quellcode und wie du sie anpasst und online stellst.

Der Download startet sofort, der Link kommt auch per Mail.

Ohne Newsletter-Haken bekommst du genau eine Mail mit deinem Link, die Adresse wird nach 7 Tagen gelöscht.

Was drin ist
  • PROMPT.md Der genaue Prompt: Stack, Farben, Schrift, sieben Abschnitte, Regeln für Animation und Performance.
  • Lenis Weiches, gewichtetes Scrollen, angetrieben vom GSAP-Takt, damit beide synchron bleiben.
  • GSAP ScrollTrigger pinnt einen horizontalen Ablauf-Abschnitt und zeichnet beim Scrollen ein Katana.
  • React Bits SplitText, ScrollReveal und SpotlightCard, eingebunden so, wie es ihre Doku beschreibt.
  • Source Die fertige Vite-+-React-Website, ohne Bilddateien, läuft nach dem Build auch offline.

Node.js 20.19 oder neuer und Claude Code (braucht einen bezahlten Claude-Plan oder API-Guthaben). Die drei Bibliotheken sind kostenlos. Mac, Windows oder Linux.

Fabian Faraz Farid · Impressum · Datenschutz