Autorenhinweis: Wir erklären das vollständige Prinzip hinter Videos mit Claude: Jeder Frame ist eine reine Funktion der Zeit, seek(t). Ein Headless-Browser rendert die Frames in vier Schritten mit ffmpeg. Geschlossene Federkurven und Taktgefühl sorgen für flüssige Animationen. Zum Schluss gibt es einen praktischen Ablauf in fünf Schritten.
Wenn Sie in letzter Zeit auf dem chinesischsprachigen X unterwegs waren, ist Ihnen wahrscheinlich eine bestimmte Art Kurzvideo begegnet: Texte federn ins Bild, Diagramme wachsen im Takt und 3D-Objekte drehen sich langsam. Daneben steht der Hinweis: „Mit Claude erstellt“. Im September und Oktober 2026 wurde Videos mit Claude erstellen zum Trend. Einer der Auslöser war ein 13-sekündiger Animationsclip von @guanmo_ai (观默).
Der Autor erklärte es ganz direkt: „Diesen Clip habe ich Opus 5.5 Zeile für Zeile schreiben und rendern lassen – ohne ein einziges Videogenerierungsmodell.“ In den Kommentaren ergänzte er: „Mit Code gerendert und anschließend Frame für Frame als Video ausgegeben.“
Claude hat also nicht heimlich ein Videomodell veröffentlicht – und es steckt auch kein geheimnisvolles Plugin dahinter. Im Kern braucht es nur eine Zeitfunktion und eine vierstufige Renderpipeline. In diesem Artikel erklären wir das Prinzip Schritt für Schritt und zeigen einen Ablauf in fünf Schritten, den Sie direkt ausprobieren können. Den Szenencode können Sie über APIYI auf apiyi.com mithilfe von claude-opus-5-5 nutzungsbasiert erstellen lassen.
Das nehmen Sie mit: Nach der Lektüre verstehen Sie, warum Videos mit Claude funktionieren, was Animationen flüssig macht und warum kürzere Eingabeaufforderungen oft besser sind. Außerdem können Sie Ihr erstes MP4 selbst erstellen.
Wie Claude Videos erstellt: Es gibt kein Videomodell – woher kommen also die Pixel?
Kurz gesagt: Claude schreibt nur den Code, die Pixel werden im Browser gerendert.
Claude Opus 5.5 ist ein reines Textmodell: Es verarbeitet Text und Bilder und gibt ausschließlich Text aus. Der technische Blog eines Drittanbieters, BeatAPI, schreibt, dass Anthropic am 22.09.2026 Claude Opus 5.5 veröffentlicht hat. Das Modell unterstützt ein Kontextfenster von 1M und bis zu 128K Ausgabetoken, verfügt aber über kein Videomodell. Was als „von Opus 5.5 erstelltes Video“ bezeichnet wird, ist in Wirklichkeit eine Webseite, die das Modell erzeugt: Man muss ihr nur einen Zeitpunkt nennen, und sie kann das Bild der Animation genau zu diesem Zeitpunkt darstellen.
Als Vergleich: Claude ist wie ein Komponist, der Noten schreibt, der Browser wie ein Musiker, der sie spielt, und ffmpeg wie ein Tonstudio. Der Komponist selbst erzeugt keinen einzigen Ton. Aber wenn die Noten präzise genug sind, entsteht bei der Aufnahme ein vollständiges Musikstück.
| Vergleichspunkt | Videogenerierungsmodell | Videos mit Claude (Code-Rendering) |
|---|---|---|
| Modellausgabe | Gibt direkt Pixelbilder aus | Gibt HTML-/JS-Szenencode aus |
| Herkunft der Pixel | Werden vom neuronalen Netzwerk des Modells erzeugt | Werden im Browser mit Canvas, SVG oder WebGL gezeichnet |
| Bearbeitbarkeit | Eine Änderung erfordert oft die Neugenerierung des ganzen Clips | Eine Codezeile ändern und erneut rendern genügt |
| Reproduzierbarkeit | Dasselbe Prompt liefert bei jedem Durchlauf ein anderes Ergebnis | Derselbe Code liefert bei jedem Rendering exakt dasselbe Ergebnis |
| Text und Daten | Text ist oft unscharf, Zahlen werden leicht falsch dargestellt | Klare Schrift, Daten werden per Code präzise gezeichnet |
| Stärken | Echte Menschen, realistische Aufnahmen, Naturszenen | Animationen, Infografiken, Datenvisualisierungen, Logo-Enthüllungen |
Was ist seek(t): Jeder Frame ist eine reine Funktion der Zeit
Kurz gesagt: Nenn mir einen beliebigen Zeitpunkt, und ich liefere dir immer dasselbe Bild.
Stell dir vor, du hältst den Fortschrittsbalken eines Videoplayers in der Hand und ziehst ihn spontan auf 3,5 Sekunden. Sofort bleibt das Bild genau an dieser Stelle stehen – unabhängig davon, welche Sekunden du dir zuvor angesehen hast. Das ist mit einer „reinen Funktion“ gemeint: Das Bild wird ausschließlich durch die Zeit t bestimmt und hängt nicht vom vorherigen Zustand ab.
Der Szenencode stellt nach außen nur zwei Vereinbarungen bereit. Sie stammen aus der Eingabeaufforderungsvorlage von BeatAPI und dem Render-Skript von awesomeclaude.ai:
window.DURATION: die Gesamtlänge des Clips in Sekunden.async window.seek(t): springt zu Sekunde t und gibt erst zurück, wenn dieser Frame vollständig gerendert ist.
Damit dieser Vertrag eingehalten wird, sind im Szenencode die folgenden Schreibweisen ausdrücklich untersagt:
Date.now(): Liest die tatsächliche Wanduhrzeit aus, die beim Rendern nicht mit der Bildzeit übereinstimmt.- Frameweise Akkumulation mit
requestAnimationFrame: Die Position wird aus „vorheriger Frame + Zuwachs“ berechnet und stimmt nach einem Sprung nicht mehr. - CSS-
transition,setTimeout,setInterval: Sie alle hängen vom tatsächlichen Zeitverlauf ab. - Nicht mit einem Seed initialisiertes
Math.random(): Bei jedem Rendern entstehen andere Zufallsergebnisse, wodurch das Bild flackert.
Warum deterministisches Rendering unverzichtbar ist
Kurz gesagt: Beim Rendering werden keine Frames in Echtzeit abgespielt – zwischen den Frames gibt es keine „Kontinuität“.
Bei der Echtzeitwiedergabe folgt Frame 400 direkt auf Frame 399. Beim Offline-Rendering kann Frame 400 jedoch erst mehrere Sekunden nach Frame 399 aufgenommen werden. Es ist sogar möglich, mehrere Frames parallel zu rendern. Jeder Zustand, der über mehrere Frames hinweg fortgeschrieben wird, kann daher zu Bildruckeln, Flackern oder unterschiedlichen Ergebnissen bei wiederholten Renderings führen. Deshalb muss die Position als Funktion von t definiert sein und der Zufallsgenerator einen festen Seed verwenden.
Das Rendering-Skript von awesomeclaude bietet noch eine praktische Lösung: Es injiziert eine virtuelle Uhr. Diese übernimmt performance.now, Date.now, requestAnimationFrame und document.getAnimations(). Mit einem Aufruf von __advance(1/fps) pro Frame schreitet die Zeit exakt Frame für Frame voran. So muss der Szenencode nicht angepasst werden, und rAF-Schleifen, GSAP sowie CSS-Animationen lassen sich zuverlässig steuern.
Claude erstellt Videos in 4 Schritten durch Frame-Rendering: von HTML zu MP4
Kurz gesagt: Im Grunde ist das Stop-Motion-Animation – nur arrangiert der Code die Modelle, und ein Headless-Browser drückt auf den Auslöser.
Bei Stop-Motion arrangiert man etwas, macht ein Foto, arrangiert es neu und macht das nächste Foto. Die Videopipeline von Claude funktioniert genauso: Der Code bringt das Bild zum Zeitpunkt t in die gewünschte Position, der Browser macht das Foto und ffmpeg fügt Hunderte oder Tausende Bilder zu einem Video zusammen.
| Schritt | Zuständig | Aufgabe | Wichtig dabei |
|---|---|---|---|
| ① Szene schreiben | Claude-Modell | Erzeugt eine eigenständige HTML-Datei | DURATION und seek(t) bereitstellen |
| ② Frames abtasten | Playwright-Headless-Browser | Zeit auf t setzen, PNG aufnehmen und bis zum letzten Frame wiederholen | Vor dem ersten Frame warten, bis die Schriftarten geladen sind |
| ③ Video codieren | ffmpeg | PNGs über eine Pipe zuführen und mit H.264 codieren | yuv420p, crf 18, +faststart |
| ④ Audio nachträglich mischen | ffmpeg | Separate Audiospur am Ende in die MP4-Datei einfügen | Browser-Audio nicht aufnehmen |
Im ersten Schritt schreibt das Modell in der Regel eine einzelne HTML-Datei und zeichnet darin mit Canvas 2D, SVG+GSAP, Three.js/WebGL oder einem GLSL-Shader. Der Vorteil einer einzelnen Datei: keine Abhängigkeiten, und sie lässt sich in jedem Browser öffnen.
Im zweiten Schritt öffnet Playwright die Seite, setzt die Zeit auf t, erstellt einen Screenshot und springt dann zum nächsten Frame. Im dritten Schritt werden die PNGs Frame für Frame über eine Pipe an ffmpeg übergeben. Häufig kommen dabei diese drei Encoder-Optionen zum Einsatz:
-pix_fmt yuv420p: Kompatibel mit den meisten Playern und sozialen Plattformen.-crf 18: Eine Qualitätsstufe, die nahezu verlustfreie Bildqualität bietet.-movflags +faststart: Verschiebt den Index an den Dateianfang, sodass das Video im Web schon während des Downloads abgespielt werden kann.
Im vierten Schritt wird der Ton separat abgemischt. Die Zeitachse einer Browseraufnahme entspricht nicht unbedingt der des Bildes. Wird eine separate Audiospur erst am Ende in die MP4-Datei gemischt, lassen sich Schnittpunkte und Beats präzise aufeinander abstimmen.
Ein typischer Aufruf des Rendering-Skripts besteht aus einer einzigen Befehlszeile: node 渲染脚本.js scene.html out.mp4 6 60 1920 1080. Die sechs Parameter stehen der Reihe nach für:
scene.html: die Eingabedatei der Szene.out.mp4: der Name der Ausgabedatei.6: die Dauer in Sekunden.60: die Bildrate in fps.1920,1080: Bildbreite und -höhe.
Zur Geschwindigkeit berichtet awesomeclaude von eigenen Tests: In einer Umgebung mit Linux, Chrome und ffmpeg 7 dauerte das Rendern eines 2-Sekunden-Clips mit 30 fps ungefähr 6 Sekunden. Frame 45 lag genau bei t=1.500. Das sind Angaben aus einem persönlichen Test, keine Benchmark-Ergebnisse. Je nach Hardware kann die Geschwindigkeit abweichen. Der Build-Abschnitt von Guanmo geht noch etwas weiter: Für jeden Frame werden zusätzlich vier Subframes gerendert. Anschließend erzeugt der ffmpeg-Filter tmix daraus Bewegungsunschärfe; das fertige Video hat 60 fps.
Welche technische Basis eignet sich für Videos mit Claude?
Kurz gesagt: Die Bibliothek bestimmt, wie etwas entsteht – der Stil, ob es wie KI aussieht.
awesomeclaude hat die in 703 veröffentlichten Ergebnissen genannten Technologien ausgewertet. Dabei zeigte sich auch: Nur 38 % der Eingabeaufforderungen geben ausdrücklich eine Bibliothek vor. Bei den übrigen wählt das Modell selbst eine aus.
| Technologie | Anteil | Besonders geeignet für |
|---|---|---|
| Canvas 2D | 38 % | Bewegungseffekte, animierte Schrift, Partikel, Diagramme, Erklärvideos |
| SVG + GSAP | 26 % | Logo-Animationen, UI-Animationen, gezeichnete Linien |
| Three.js / WebGL | 19 % | 3D-Drehungen, Kamerafahrten durch virtuelle Räume |
| GLSL-Shader | 13 % | Abstrakte Schleifen, fließende Effekte |
Für mehrminütige Videos mit mehreren Szenen sind Frameworks wie Remotion oder HyperFrames deutlich praktischer als eine selbst gebaute HTML-Datei: Sie bringen eine zeitbasierte Steuerung und einen Renderer gleich mit.
Warum Claude flüssige Videos erstellt: geschlossene Federbewegungen, Beat-Synchronisierung, Bewegungsunschärfe und Selbstprüfung
Ein Video überhaupt zu erstellen, ist nur der erste Schritt. Ob es flüssig wirkt und den typischen „KI-Look“ vermeidet, hängt von den folgenden Prinzipien der Bewegungslehre ab.
Analytische Federbewegung: Position per Formel berechnen statt Schritt für Schritt zu schieben
Kurz gesagt: Die Position der Feder wird direkt aus t berechnet, statt sie Frame für Frame zu simulieren.
Bei einer gewöhnlichen Sprungsimulation wird in jedem Frame ein wenig zur Geschwindigkeit und ein wenig zur Position addiert – so, als würde man eine Kugel Schritt für Schritt anschieben. Die geschlossene Sprungantwort (closed-form step response) ist dagegen eine Formel: Setzt man t ein, erhält man direkt die Position der Kugel zu diesem Zeitpunkt. Wird das Ziel eines Elements mehrfach geändert, addiert man einfach die Antworten mehrerer Federn. Das Ergebnis hängt weiterhin nur von t ab.
Dasselbe gilt für alle physikalischen Größen: Sie werden entweder im Voraus berechnet oder durch analytische Ausdrücke beschrieben. Bei einer schrittweisen Integration kann es zu Abweichungen kommen, wenn Frames in falscher Reihenfolge verarbeitet werden. Das ist derselbe Grundgedanke wie beim zuvor beschriebenen seek(t)-Vertrag.
Taktgenauigkeit und Bewegungsunschärfe: Quelle für Rhythmus und Qualität
Für die Taktgenauigkeit analysiert man den BGM mit numpy und erstellt ein Taktraster. So lassen sich wichtige Bewegungen auf die Beats legen, statt ihre Dauer nach Gefühl festzulegen. Das Publikum kann vielleicht nicht erklären, warum es sich stimmig anfühlt – doch wenn Bild und Schlagzeug zusammenpassen, wirkt der Clip sofort deutlich „professioneller“.
Bewegungsunschärfe entspricht dem zuvor erwähnten Subframe-Verfahren. Schnell bewegte Objekte ziehen in echten Aufnahmen naturgemäß eine Spur. Berechnet man pro Frame mehrere Subframes und mischt sie anschließend, verwandelt sich das Bild von einem „ruckelnden Dia“ in eine „fließende Filmszene“.
Kontaktbogen-Selbsttest: erst die Vorschaubilder ansehen, dann den ganzen Film rendern
Kurz gesagt: Rendere vor dem ganzen Film zunächst eine „Vorschaubilder-Collage“, um Probleme frühzeitig zu erkennen.
Ein Kontaktbogen stammt ursprünglich aus der Fotografie: Mehrere kleine Bilder werden auf einem Blatt zusammengefügt, damit man sie schnell durchsehen kann. Rendere vor dem Film für jede Minute oder jeden Beat ein Einzelbild und füge die Bilder zu einer Übersicht zusammen. So kannst du prüfen, ob sich Texte überlagern, ob es unbeabsichtigte Leerbilder gibt und ob das Tempo stimmt.
awesomeclaude hat sechs feste Regeln zusammengefasst, die sich direkt als Checkliste verwenden lassen:
- Die Zeit auslesen, nicht die Frames zählen.
- Alle Zufallszahlen mit einem Seed initialisieren.
- Keine Physiksimulation verwenden, die Tick für Tick integriert wird.
- Vor dem ersten Frame
await document.fonts.readyaufrufen, sonst wird in den ersten Frames möglicherweise eine Ersatzschrift verwendet. - Den Ton mit ffmpeg mischen, nicht im Browser aufnehmen.
- Den Farbraum als BT.709 kennzeichnen, sonst können die Farben in manchen Playern verfälscht aussehen.
Guanmo hat außerdem drei Erfahrungen aus der Praxis geteilt: will-change auf Ebenen, die von der Kamera skaliert werden, kann Texte unscharf erscheinen lassen. Wenn du Text in einem sich verformenden Container austauschst, solltest du die Ein- und Ausblendzeiten separat festlegen. Anfangs- und Endframe müssen exakt übereinstimmen, sonst ruckelt die Animation beim Abspielen in einer Schleife.
Warum kurze Prompts für Videos mit Claude oft besser funktionieren
Kurz gesagt: Eine klare Richtung und Grenzen regen die kreative Gestaltungskraft des Modells stärker an als eine lange Liste von Parametern.
观默 hat einen einzeiligen Prompt veröffentlicht und ausdrücklich gesagt, dass man mit Opus 5.5 keine Skills braucht – ein Satz genügt: make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out. Das bedeutet: „Erstelle einen dynamischen 15-sekündigen Motion-Graphics-Clip als Bewerbungs-Showreel – gib alles.“ Seine Erfahrung: „Spitzenklasse“ und „gib alles“ zu schreiben, funktioniert besser als eine lange Liste detaillierter Parameter.
Laut einer Auswertung von 496 vollständigen Prompts durch awesomeclaude waren fast die Hälfte kürzer als 200 Zeichen. Nur 7 % der Prompts forderten das Modell dazu auf, die Frames selbst zu überprüfen. Bei hochwertigen Ergebnissen fand eine solche Selbstkontrolle jedoch fast immer statt.
Wenn du mehr Kontrolle brauchst, kannst du dich an 观默s sechsteiligem Aufbau orientieren:
- inputs: Lass das Modell zuerst nachfragen, welche 8–12 UI-Zustände, Farben und BPM gewünscht sind.
- direction: Lege die Stilrichtung fest und füge eine Verbotsliste hinzu.
- structure: Beschreibe die Zustandsabfolge im Takt.
- build: Nenne technische Vorgaben, etwa den
seek(t)-Vertrag und Subframes. - gotchas: Weise auf typische Fallstricke hin.
- start: Lass das Modell zuerst einen Taktplan erstellen und danach den Code schreiben.
Am wichtigsten ist, im Prompt festzuhalten, was nicht vorkommen soll: Partikelexplosionen, Lens Flares, Neonleuchten, RGB-Splitting und federnde Easings zählen zu den typischen Ursachen für den KI-Look. Eine allgemeine Vorlage sollte außerdem Dauer, Seitenverhältnis, Auflösung, FPS, eine Faktenliste und Audioinformationen nennen. Besonders häufig wird das Seitenverhältnis vergessen – dann hat das fertige Video schwarze Balken.
Schnellstart: Mit Claude Videos erstellen – 5 Schritte, Zeitaufwand und Kosten
Nachdem wir das Prinzip geklärt haben, folgt jetzt ein Ablauf, den du direkt umsetzen kannst. Du musst dafür keine einzige Zeile Code schreiben. Befehle und Konfigurationen sind jeweils als Inline-Code angegeben.
- Lokale Umgebung vorbereiten: Installiere Node.js, Chrome und ffmpeg. Führe im Terminal
npx playwright install chromiumaus, um den Headless-Browser zu installieren. Mitffmpeg -versionprüfst du anschließend, ob ffmpeg verfügbar ist. - Modell anbinden: Trage in deinem bevorzugten OpenAI-kompatiblen Client diese drei Angaben ein: Bei
base_urlhttps://api.apiyi.com/v1, beiapi_keyden im APIYI-Dashboard erstellten Schlüssel und beimodelclaude-opus-5-5. - Eingabeaufforderung schreiben: Für eine einfache Variante kannst du direkt die obige Eingabeaufforderung für ein Portfolio verwenden. Wenn du mehr Kontrolle brauchst, nutze die sechsteilige Struktur. Gib unbedingt Dauer, Seitenverhältnis,
1920x1080und60fpsan und verlange, dass die Szenewindow.DURATIONundwindow.seek(t)bereitstellt. - Zuerst Kontaktbogen und kurze Clips rendern: Lass das Modell zunächst ein Storyboard und vier Schlüsselframes erstellen. Rendere anschließend einen zwei bis drei Sekunden langen Clip zur Überprüfung. Fahre erst fort, wenn keine Timer verwendet werden, die Schrift korrekt dargestellt wird und Anfangs- und Endframe übereinstimmen.
- Gesamtes Video rendern und Ton mischen: Führe
node 渲染脚本.js scene.html out.mp4 15 60 1920 1080aus. Mische anschließend mit ffmpeg die Hintergrundmusik in das fertige Video. Wähle für die Audiocodierung-c:a aacund füge-shortesthinzu, damit Video und Audio gleich lang sind.
Wenn du Claude Code verwendest, kann es Szenen selbst erstellen, das Render-Skript ausführen, den Kontaktbogen einlesen und Korrekturen vornehmen. So erhältst du direkt eine MP4-Datei mit Audiospur. Wenn du einen einheitlichen visuellen Stil festlegen möchtest, öffne .claude/skills/SKILL.md im Projekt und füge die folgenden Zeilen ein:
- Schreibe in die erste Zeile
name: motion-videoals Namen der Fähigkeit. - Schreibe in die zweite Zeile
description:und beschreibe die Fähigkeit mit „Generiert kurze animierte Videos auf Grundlage von seek (t)“. - Füge danach zeilenweise Stilregeln hinzu, zum Beispiel eine Banned-Liste, Farben, Schriftarten und die Vorgabe
await document.fonts.ready.
Danach kannst du denselben visuellen Stil mit einer einzigen Eingabeaufforderung wiederherstellen. Die Webversion von claude.ai eignet sich dagegen gut, um Effekte direkt auf der Seite in der Vorschau anzusehen. Bei Bildschirmaufnahmen können jedoch Frames verloren gehen, die Auflösung ist auf die Bildschirmauflösung beschränkt und eine Tonmischung ist nicht möglich.
Zeit- und Kostenübersicht für die Videoproduktion mit Claude
Alle folgenden Angaben sind öffentlich geteilte Einzelberichte anderer Nutzer. Sie sind keine Benchmarks und dienen nur als grobe Orientierung.
| Szenario | Dauer | Kosten oder Verbrauch | Art der Angabe |
|---|---|---|---|
| Einmalige Generierung eines 15-Sekunden-Videos | ca. 1 Minute | ca. 2 US-Dollar API-Kosten | Erfahrungsbericht, kein Benchmark |
| 5-minütiges Erklärvideo (mit TTS und Untertiteln) | 26 Minuten | nicht veröffentlicht | Erfahrungsbericht, kein Benchmark |
| 3-minütiges Video zum Thema Geschichte, ca. 7.400 Codezeilen | ca. 1 Stunde | 7 % des Wochenkontingents verbraucht | Erfahrungsbericht, kein Benchmark |
| Ganzes Lied in 4K60, nur das Rendering gerechnet | ca. 57 Minuten auf einem M5 Pro | lokales Rendering, keine Modellkosten | Erfahrungsbericht, kein Benchmark |
| Öffentliches LaunchVideo-Demo | ca. 4 Minuten | ca. 90.000 Eingabe- und 15.000 Ausgabe-Tokens | Erfahrungsbericht, kein Benchmark |
Rechnet man das Tokenbudget des LaunchVideo-Beispiels in Modellkosten um, ergibt sich: 90.000 Eingabe-Tokens ÷ 1.000.000 × 4 US-Dollar = 0,36 US-Dollar; 15.000 Ausgabe-Tokens ÷ 1.000.000 × 20 US-Dollar = 0,30 US-Dollar. Insgesamt kostet ein Video also etwa 0,66 US-Dollar. Die tatsächlichen Kosten hängen von der Länge deiner Eingabeaufforderung und der Anzahl der Überarbeitungsrunden ab.
claude-opus-5-5 – Preistabelle
Die folgenden Preise stammen von docs.apiyi.com/models. Sie gelten in US-Dollar pro einer Million Tokens und werden nutzungsbasiert abgerechnet. Abgerufen am 26.10.2026.
| Modell | Typ | Eingabe | Ausgabe | Cache-Lesezugriff |
|---|---|---|---|---|
| claude-opus-5-5 | Text | 4 US-Dollar | 20 US-Dollar | 0,2 US-Dollar |
| claude-opus-5-5-thinking | Text | 4 US-Dollar | 20 US-Dollar | 0,2 US-Dollar |
Maßgeblich sind die Modellnamen und Preise in der Modellübersicht der Plattform. Die aktuellen Preise sehen Sie in Echtzeit in der Konsole. Wenn Sie dieselbe Szene wiederholt bearbeiten, werden lange Eingabeaufforderungen und bereits vorhandener Code aus dem Cache gelesen – zu einem deutlich niedrigeren Preis als bei normalen Eingaben.
🚀 Schnellstart: Testen Sie zuerst mit dem kostenlosen Neukundenguthaben bei APIYI unter apiyi.com einen kurzen Clip von fünf Sekunden. So können Sie die gesamte Kette aus Umgebung, Eingabeaufforderung und Rendering-Skript durchspielen, bevor Sie mit der Produktion längerer Videos beginnen.
Was Claude bei der Videoerstellung leisten kann – und was nicht
Kurz gesagt: Alles, was sich mit Code darstellen lässt, ist möglich. Was eine Kamera aufnehmen muss, nicht.
Code-Rendering eignet sich für Motion-Design, animierte Schrift, Infografiken, Datenanimationen, Produktinszenierungen, Logo-Enthüllungen und 3D-Szenen. Es ersetzt keine Realfilmaufnahmen und synchronisiert keine Lippenbewegungen. Wenn Sie Personen, echte Straßenszenen oder filmische Aufnahmen benötigen, müssen Sie zusätzlich ein Videogenerierungsmodell einbinden oder eigenes Material aufnehmen.
Zwei weitere Punkte sollten Sie beachten: Das Modell kann gelegentlich einen Timer in die Szene einbauen, und die Übergänge zwischen den Kapiteln eines längeren Videos sind möglicherweise nicht sauber. Prüfen Sie deshalb zunächst kurze Abschnitte, bevor Sie das gesamte Video rendern. Zahlen in erklärenden Inhalten sollten Sie selbst überprüfen, da das Modell Fakten falsch wiedergeben kann.
Häufig gestellte Fragen zu Videos mit Claude
F1: Was bedeutet es eigentlich, mit Claude Videos zu erstellen?
Claude schreibt eine Webszene, die sich für bestimmte Zeitpunkte rendern lässt. Anschließend erstellt ein Headless-Browser Einzelbild-Screenshots, die mit ffmpeg zu einer MP4-Datei kodiert werden. Das Modell selbst erzeugt keine Pixel – sie werden vollständig vom Browser gerendert.
F2: Worin unterscheidet sich die Videoerstellung mit Claude von Videogenerierungsmodellen wie Sora?
Videogenerierungsmodelle sind bei realistischen Personen und einer authentischen Filmoptik weiterhin führend. Bei der Lesbarkeit von Text, der Datengenauigkeit und der Änderbarkeit stoßen sie jedoch an Grenzen. Claude eignet sich dagegen besser für Infografiken, Datenanimationen und Logo-Inszenierungen: Die Ergebnisse sind stabiler und lassen sich durch die Änderung einer Codezeile gezielt anpassen.
F3: Seit wann ist diese Methode populär?
Sie wurde zwischen September und Oktober 2026 auf dem chinesischsprachigen X populär. Laut BeatAPI wurde claude-opus-5-5 am 22.09.2026 veröffentlicht. Guanmò veröffentlichte kurz darauf die Fallsammlung awesome-ai-motion. Bis zum 26.10.2026 enthielt sie 1417 Werkverweise. Keines der Werke wurde jedoch von den Maintainerinnen und Maintainern unabhängig reproduziert – sie sind daher nur als Orientierung zu verstehen.
F4: Für welche Anwendungsfälle eignet sich die Videoerstellung mit Claude besonders?
– **Produktwerbung**: Funktionsdemos, Interface-Animationen und Intros für Produktvorstellungen.
– **Wissensvermittlung**: Wachsende Datendiagramme, Schritt-für-Schritt-Darstellungen von Abläufen und Erkläranimationen.
– **Markenanimationen**: Logo-Enthüllungen, animierte Schrift und kurze Social-Media-Animationen.
– **3D-Präsentationen**: Produktdrehungen und Kamerafahrten durch Räume.
F5: Wie kann ich claude-opus-5-5 per API aufrufen, um Szenencode zu schreiben?
1. Registrieren Sie sich bei APIYI unter apiyi.com und erstellen Sie einen API-Schlüssel.
2. Legen Sie im Client `base_url` auf die OpenAI-kompatible Adresse von APIYI fest und tragen Sie als Modellnamen `claude-opus-5-5` ein.
3. Senden Sie eine Eingabeaufforderung, erhalten Sie eine einzelne HTML-Datei und übergeben Sie diese einem lokalen Render-Skript, um das Video zu erstellen.
Mit demselben Schlüssel können Sie auch zwischen Claude, GPT, Gemini und anderen Modellen wechseln und so vergleichen, welches die besseren Animationen schreibt.
F6: Wie viel kostet die Erstellung eines kurzen Videos ungefähr?
Auf Grundlage der von anderen angegebenen LaunchVideo-Nutzung liegen die Modellkosten schätzungsweise bei etwa 0,66 US-Dollar pro Video. Eine Person gab für einen 15-Sekunden-Clip etwa 2 US-Dollar an. Diese Werte sind keine Richtwerte. Testen Sie am besten zunächst mit einem kleinen, nutzungsbasiert abgerechneten Betrag bei APIYI unter apiyi.com und erfassen Sie Ihren tatsächlichen Tokenverbrauch, bevor Sie ein Budget festlegen.
F7: Warum flackert oder wackelt mein gerendertes Video?
Die häufigste Ursache sind Aufrufe von `Date.now()`, eine schrittweise Akkumulation pro Frame oder nicht initialisierte Zufallswerte in der Szene. Das verstößt gegen den Seek(t)-Vertrag. Prüfen Sie außerdem, ob Anfangs- und Endbild übereinstimmen und ob das Laden der Schriftarten vor dem Rendern des ersten Frames abgeschlossen ist.
Die wichtigsten Punkte und Zusammenfassung: Videos mit Claude erstellen
Die wichtigsten Erkenntnisse
- Herkunft der Pixel: Claude schreibt nur den Code. Die Bilder werden vom Browser gerendert – ein Videomodell ist nicht erforderlich.
- Zentrale Vorgabe: Jeder Frame ist eine reine Zeitfunktion
seek(t). Das Bild ist zu jedem beliebigen Zeitpunkt eindeutig bestimmt. - Pipeline in vier Schritten: Szenen schreiben, mit einem Headless-Browser Frame für Frame Screenshots erstellen, mit ffmpeg codieren und anschließend den Ton hinzufügen.
- So werden Animationen flüssig: geschlossene Federn, vorberechnete Physik, Synchronisierung mit dem Beat und Bewegungsunschärfe durch Subframes.
- Qualitätssicherung: Vor dem Rendern des gesamten Films zunächst ein Kontaktbogen erstellen. So lassen sich überlappende Elemente, leere Einstellungen und Szenen mit falschem Timing früh erkennen.
- Strategie für Eingabeaufforderungen: kurz und klar ausgerichtet. Wichtig sind vor allem das Seitenverhältnis und eine Liste mit Dingen, die vermieden werden sollen.
- Erster Einstieg: claude-opus-5-5 nach Verbrauch über APIYI auf apiyi.com aufrufen und lokal rendern.
Zusammenfassung
Im Kern bedeutet „Videos mit Claude erstellen“, die „Bilderzeugung“ in „Code zu verwandeln, der Bilder erzeugen kann“. Wenn Sie die Zeitfunktion seek(t) konsequent einhalten und mit einem Headless-Browser sowie ffmpeg eine Pipeline in vier Schritten aufsetzen, kann selbst ein reines Textmodell zuverlässig reproduzierbare und bearbeitbare Animationsclips erstellen. Die Grenzen sind ebenfalls klar: Claude eignet sich für Animationen und Infografiken, nicht aber für Realfilmaufnahmen mit echten Menschen oder synchronisierte Lippenbewegungen.
Am besten beginnen Sie mit einem kurzen Clip von 5 bis 15 Sekunden. Bringen Sie zuerst die gesamte Pipeline zum Laufen und ergänzen Sie dann nach und nach die Beat-Synchronisierung und automatische Prüfungen. Für das Schreiben des Szenencodes empfiehlt sich claude-opus-5-5 über APIYI auf apiyi.com. Die Abrechnung erfolgt nach Verbrauch. Neue Nutzer erhalten ein kostenloses Guthaben, mit dem sie die Ergebnisse zunächst testen können.
Referenzen zu Videos mit Claude
- Originalclip von Guanmo und Erläuterungen des Autors: Ausgangspunkt für die Methode
- Link:
x.com/guanmo_ai/status/2109941504827654305 -
Erläuterung: Originalbeitrag mit einem 13-sekündigen Animationsclip. Die Erläuterungen des Autors finden Sie unter
x.com/guanmo_ai/status/2104141508081525184 -
Beispielsammlung awesome-ai-motion: Verzeichnis von mit Opus 5.5 gerenderten Werken
- Link:
github.com/guanmo-ai/awesome-ai-motion -
Erläuterung: Kann als Stilreferenz dienen. Die Beispiele wurden nicht unabhängig reproduziert.
-
awesomeclaude-Anleitung zu Claude Video: Render-Skripte und sechs feste Regeln
- Link:
awesomeclaude.ai/claude-video -
Erläuterung: Quelle für den Ansatz mit einer virtuellen Uhr und die Statistiken zum Technologie-Stack
-
Modellübersicht von APIYI: Preise und Kategorien für claude-opus-5-5
- Link:
docs.apiyi.com/models - Erläuterung: Die Angaben zu Modell und Preisen auf dieser Seite sind maßgeblich.
Autor: Technisches Team von APIYI
Technischer Austausch: Kontaktieren Sie uns gerne über die Startseite von APIYI. Weitere Anleitungen zur Anbindung finden Sie im Dokumentationszentrum unter docs.apiyi.com.
