Dein Prompt.
Dein Motion-Reel.

3D-Formen, Typografie und eigene Musik. Hier findest du meinen Originalprompt und eine Vorlage zum Nachbauen.

Playbook herunterladen ↓4 kompakte Seiten · PDF · kostenlos

Folge Willi: Instagram YouTube TikTok

Direkt zum Prompt ↓

01 / DEIN CREATIVE DEVELOPER

Claude Code

Aus deiner Idee wird Code.

Im Originalprojekt habe ich Opus 5.5 verwendet. Claude baut die Szenen und verbindet Bewegung, Timing und Musik.

Claude Code einrichten ↗

So startest du

Installiere Claude Code über die offizielle Anleitung und melde dich an. Öffne einen leeren Projektordner, etwa „motion-reel“, und wähle Opus 5.5. Ein passender bezahlter Claude-Zugang oder API-Abrechnung ist nötig.

02 / ANIMATION UND EXPORT

HyperFrames

Vom Code zur fertigen MP4.

HyperFrames baut und rendert das Video lokal. three.js liefert 3D-Formen, GSAP die Bewegung. Python erzeugt den Beat.

Offizielles Plugin öffnen ↗

Installation & erster Aufruf

Nach der Claude-Code-Installation im Terminal ausführen:

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

Claude Code neu starten. Im Projekt /hyperframes:hyperframes aufrufen und den Prompt unten einfügen. Fehlende Projektabhängigkeiten lässt du Claude einrichten.

Lokales Rendering kostenlos; Claude separat. Offizieller Schnellstart · three.js · GSAP · Python

KOPIEREN. EINFÜGEN. BAUEN LASSEN.

Deine Vorlage zum Nachbauen.

Für einen neuen Chat mit eingerichtetem Projekt. Die Vorlage enthält den nötigen Kontext und ist neu formuliert.

Vollständigen Prompt lesen

Du bist Motion Designer und Creative Developer. Arbeite in meinem geöffneten Claude-Code-Projekt mit HyperFrames. Erstelle ein 15-sekündiges Motion-Showreel im Hochformat 1080 × 1920 mit 60 Bildern pro Sekunde. Es soll als visueller Einstieg für ein Reel über Motion Design mit KI dienen.

Baue die Grafiken in Code mit three.js und GSAP: ein Objekt, das von Ton zu Chrom und Glas wechselt, eine räumliche Kamerafahrt, flüssige Formen und präzise animierte Typografie. Verwende Graphit, Creme und Orange. Beginne sofort mit einer starken Bewegung. Keine Intro-Tafel, keine Stockvideos, keine generierten Bilder und kein After Effects.

Erzeuge einen eigenen instrumentalen Beat mit Python, NumPy und SciPy: 128 BPM, passende Akzente auf den Übergängen, keine Samples und kein Gesang. Stimme Bildwechsel und Musik aufeinander ab. Installiere fehlende Projektabhängigkeiten nur im Projekt und nutze keine kostenpflichtigen Dienste ohne Rückfrage.

Liefere eine fertige MP4 mit Musik, die bearbeitbaren Projektdateien und einen kurzen Start- und Renderbefehl. Prüfe den tatsächlichen Export auf Dauer, Auflösung, abgeschnittene Elemente, schwarze Ränder, Timing und hörbare Übersteuerung. Betrachte das Ergebnis kritisch aus Zuschauersicht: Ist der Einstieg sofort verständlich und bleibt die Bewegung abwechslungsreich? Behebe konkrete Fehler und prüfe erneut. Trenne durchgeführte Tests von offenen Punkten; eine simulierte Perspektivprüfung ist kein echter Nutzertest.

Prompt als Textdatei ↓

Mein Originalprompt aus dem Reel

Wörtlicher Prompt aus dem Produktionschat vom 06.10.2026. Zuvor waren Referenzvideos recherchiert und das Projekt vorbereitet. Die ungewöhnlichen Wörter stammen aus der Spracheingabe.

Kannst du das bitte bauen? Bau alles so, dass ich nur noch das Voiceover oder die eigene Aufnahme habe. Mach bitte das gesamte Video. Erstelle es mir einfach, aber wirklich, sodass es sehr premium wirkt, auch anziehend ist und einfach super stark ist. Mache round-enchic Agentenos, mache unabhängig hier round-enchic und komme erst zurück, wenn du mir wirklich so eine richtig tolle Animation liefern kannst, wie in den Videos. Ja, erst wenn du mir ein perfektes liefern kannst, kommst du zurück.

Original als Textdatei ↓

IDEENGEBER & VERTIEFUNG

Das Tutorial von Chase AI.

„Claude Now Does Video (FOR FREE) Thanks To JavaScript“ vom 06.10.2026. Für mehr Verständnis hinter dem Ergebnis: bessere Prompts, gezielte Prüfschleifen und passende Referenzen.

Chase-AI-Tutorial ansehen ↗

4:07 · Prompting · 7:19 · Tools & Prüfschleifen · 9:56 · Referenzen

Chase zeigt einen direkten JavaScript-Workflow. Mein Projekt verwendet HyperFrames. Die Grundidee ist dieselbe: Claude schreibt die Animation als Code. „Free“ bedeutet hier nicht, dass Claude-Nutzung kostenlos ist.

Stand 07.10.2026 · Originalprojekt vorhanden; neue Vorlage nicht erneut vollständig gerendert.
Ergebnisse können Nacharbeit brauchen. Keine Garantie für einen perfekten ersten Durchlauf.

Weiter im Regal