FARAZ
ENKontakt
Gratis

Three Websites That React to You: Prompts + Files

Drei Prompts für Claude Code, die 3D-Hero-Bereiche mit three.js bauen (ein Partikelfeld, ein Glas-Blob, eine Scroll-Galerie), mit den fertigen Dateien und wie du sie an deine Marke anpasst.

0 €

Gib deine E-Mail ein. Du bekommst einen 6-stelligen Code, dann startet der Download.

Zum Ansehen der Dateien: ein aktueller Browser mit Internet (three.js lädt von einem CDN). Zum Ausführen der Prompts: Claude Code, das dein Claude-Abo oder API-Guthaben nutzt.

Was du bekommst

  • Particles 18.000 Punkte, die dem Mauszeiger ausweichen und beim Scrollen zur Welle werden.
  • Glass blob Eine Glasform, die dem Mauszeiger folgt, wackelt und beim Halten anschwillt.
  • Scroll gallery 24 Karten auf einer Spirale; Scrollen führt die Kamera hindurch.
  • Your brand Welche Zeilen im Prompt du für Farben, Texte, Schriften und Formen änderst.
  • Checklist Performance- und Barrierefreiheits-Checks, bevor der Hero live geht.

In drei Schritten

  1. Entpacken und sites/01-particles/index.html im Browser öffnen, um das Ergebnis zu sehen.
  2. Claude Code in einem leeren Ordner öffnen und einen Prompt aus prompts/ einfügen.
  3. Mit dem Guide Farben und Texte anpassen, dann den Hero in deine eigene Website einbauen.

Fabian Faraz Farid · Alle Links