Wie ich in 2 Stunden mit Claude Code und Veo eine 3D-Scroll-Website erstellt habe
Ein Reddit-Nutzer u/Tough-Survey-2155 hat einen Workflow geteilt, um in etwa 2 Stunden eine 3D-Scroll-Website von Grund auf zu erstellen. Die Methode verwendet Claude Code für die Hauptarbeit, mit einer benutzerdefinierten Video-zu-Website-Fähigkeit (Credit an Nate Herk) und Veo für die Videogenerierung.
Workflow
- Erstelle eine Video-zu-Website-Fähigkeit – diese dient als Grundlage, um Bewegung in scrollgesteuerte Interaktionen zu übersetzen.
- Extrahiere das erste und letzte Bild aus dem Quellvideo und verwende dann Veo, um daraus ein neues Video zu erstellen. Der Videoprompt wurde mit ChatGPT generiert.
- Anweisen von Claude Code, die Website mit dem Video-Asset zu erstellen. Der Autor berichtet, dass der Rest nach dem Einfügen des Videos ein unkompliziertes Prompting war.
- Design-Anpassungen – einige manuelle Anpassungen waren nach der Generierung notwendig.
Ergebnisse & Links
- Live-Website: royal-pop-website.vercel.app
- Vollständiger Quellcode: github.com/hamzafarooq/claude-code-starter
Das Repository enthält Claude-Code-Starter-Vorlagen, die für ähnliche Projekte wiederverwendet werden können. Der Autor merkt an, dass der gesamte Prozess nur 2 Stunden dauerte, was dies zu einer praktischen Referenz für Entwickler macht, die schnell scrollgesteuerte 3D-Seiten mit KI-Unterstützung prototypisieren möchten.
📖 Lies die vollständige Quelle: r/ClaudeAI
👀 Siehe auch
Agent Swarm: Multi-Agent-Orchestrierungs-Framework für KI-Codierungsassistenten
Agent Swarm ist ein Open-Source-Framework, das Teams von KI-Codierungsagenten ermöglicht, autonom zusammenzuarbeiten. Ein Hauptagent erhält Aufgaben von Slack, GitHub oder E-Mail, zerlegt sie und delegiert sie an Docker-isolierte Arbeitsagenten.
LobsterBoard fügt Themesystem und Vorlagen-Galerie hinzu
LobsterBoard umfasst nun ein Themesystem mit fünf visuellen Optionen und eine Vorlagengalerie, die es Nutzern ermöglicht, Dashboard-Layouts zu exportieren und zu importieren, wobei sensible Daten automatisch entfernt werden.
Beagle SCM: Ein Quellcode-Verwaltungssystem, das AST-Bäume speichert
Beagle ist ein experimentelles Quellcode-Verwaltungssystem, das abstrakte Syntaxbäume anstelle von Binärdaten speichert. Es verwendet ein CRDT-ähnliches Datenformat namens BASON und setzt auf Key-Value-Datenbanken wie RocksDB als Speicher.
Open-Source-Claude-Code-Plugin erfasst Bücher und wandelt sie in strukturiertes Markdown um
Ein Entwickler hat ein Claude Code-Plugin quelloffen gemacht, das automatisch Buchseiten per Screenshots erfasst, OCR mit macOS Vision durchführt und strukturierte Markdown-Dateien erzeugt, die nach Themen statt nach Kapitelreihenfolge organisiert sind. Das Tool unterstützt Kindle, Apple Books, Kindle Cloud Reader und gescannte PDFs auf macOS.