Zuletzt aktualisiert:
Opus 5.5 Videos: die viralen Prompts und wie Sie Ihr eigenes erstellen
Seit Claude Opus 5.5 erschienen ist, posten Leute Motion-Graphics-Reels, Erklärvideos, 3D-Szenen und sogar kleine Spiele, die das Modell aus einem einzigen Prompt erstellt hat. Allein die Liste awesome-opus5-5-videos sammelt 475 davon. Hier finden Sie die Prompts hinter den bekanntesten Beispielen und die Schritte zu Ihrem eigenen Video.
Der Prompt, mit dem alles begann
Die meisten Videos der ersten Welle nutzten denselben einzeiligen Prompt. 58 Einträge der Liste sind dieser Prompt oder eine nahezu identische Kopie:
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.Beliebte Varianten ersetzen das Thema durch das eigene Produkt oder die eigene Website, geben eine Länge vor (10, 15 oder 40 Sekunden) oder ein Format wie 1080×1080 für Social Media.
Beispiele nach Typ, mit ihren Prompts
Echte Prompts aus der Liste, so zitiert, wie ihre Ersteller sie gepostet haben. Öffnen Sie den Beitrag, um das Video zu sehen.
Motion Graphics
288 in der Liste. Showreels, Produktpromos, kinetische Typografie.
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.von @ajith_io · Canvas · Video ansehen
Make a dynamic 15-second motion graphics video that shows why [your product] is the best at [what it does], like a showreel. Go all out: 1080×1080, 1s hook, loop.von @Ishaaqahamed · Canvas · Video ansehen
4 seasons passing outside a train window, a cozy carriage, a cup of coffee on the table, Grand Budapest Hotel stylevon @itsolelehmann · Canvas · Video ansehen
create a motion design video of a poster breaking out of its own frame.von @pankajkumar_dev · Canvas · Video ansehen
Erklärvideos
62 in der Liste. Konzepte, Geschichte, wie Dinge funktionieren.
A video explaining recursion, where every explanation about recursion has a radically different video style, make this self-referential & clever & fast moving.von @emollick · Canvas · Video ansehen
make a video highlighting key moments in the history of AI.von @kloss_xyz · Canvas, SVG, CSS · Video ansehen
请用Manim给我制作一个导数概念学习的视频,要求通俗易懂,并且有例子,引人思考。配音使用edge-ttsvon @LinearUncle · SVG, audio · Video ansehen
3D-Szenen
55 in der Liste. Three.js und Shader.
Make a 2-minute sand animation that tells the story of 250 years of U.S. history. Keep it lively, engaging, and tasteful. Add appropriate background music and sound design.von @Michaelzsguo · Shader, Canvas · Video ansehen
Show me what goes on inside an AI data centre.von @mdaman010 · Three.js, Shader, SVG · Video ansehen
Spiele und Interaktives
70 in der Liste. Im Browser spielbar.
can you make a 3d game where you walk around and spot cats inside of a van gogh painting? we can start with stary night and its townvon @MandelDuck · Three.js, Shader · Video ansehen
Create a 1-on-1 card game like Hearthstone. Just make it. As best you can. In pixel art style.von @aisongman · Canvas, pixel art · Video ansehen
Quelle: awesome-opus5-5-videos auf GitHub
Ihr eigenes Video in 3 Schritten
- Öffnen Sie Claude (App oder claude.ai) mit einem kostenpflichtigen Plan und wählen Sie Opus 5.5, oder starten Sie Claude Code mit Opus 5.5.
- Fügen Sie einen der Prompts oben ein und ergänzen Sie: „Erstellen Sie es als eine einzige, eigenständige HTML-Datei.“
- Öffnen Sie das Ergebnis im Browser und nehmen Sie den Bildschirm auf. Für eine saubere MP4-Datei nutzen Sie eine der Methoden unten.
So entsteht ein „Opus 5.5 Video“
- Storyboard: Opus 5.5 schreibt eine Shotlist mit dem Timing jeder Szene.
- Code: Es schreibt einen Renderer pro Szene, in dem jedes Frame eine reine Funktion der Zeit t ist.
- Frames: Ein Headless-Chrome geht t Schritt für Schritt durch und speichert ein Bild pro Frame.
- Encoding: ffmpeg fügt die Frames zu einer H.264-MP4 zusammen und kann in einem zweiten Durchgang Voiceover und Untertitel hinzufügen.
Quelle: OrcaRouter: was „ein Video planen“ tatsächlich liefert
Eine echte MP4-Datei erzeugen
Für einen schnellen Post reicht eine Bildschirmaufnahme. Für eine saubere, bildgenaue MP4 mit fester Bildrate rendern Sie die Animation stattdessen. Drei Wege:
Methode 1: ClaudeAnimationBase in Claude Code (am einfachsten)
ClaudeAnimationBase ist ein Open-Source-Starterkit (MIT) von John Heibel: p5.js mit p5.brush, die Figur Clawd mit 31 gespielten Emotionen und ein Leitfaden, der dem Modell erklärt, wie es animieren soll. Der Autor hat alle Testvideos mit Opus 5.5 auf Effort-Stufe xhigh in Claude Code erstellt.
- Installieren Sie Node.js, Google Chrome, ffmpeg sowie Claude Code mit einem kostenpflichtigen Claude-Plan oder einem API-Schlüssel.
- Klonen Sie das Kit, installieren Sie es und starten Sie Claude Code im Ordner:
git clone https://github.com/JohnHeibel/ClaudeAnimationBase.git cd ClaudeAnimationBase npm install claude # start Claude Code, pick Opus 5.5 with /model - Geben Sie Opus 5.5 den ersten Prompt aus der README:
Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly. - Opus 5.5 schreibt das Storyboard und danach den Szenencode. Wenn es fertig ist, rendern Sie den Clip:
node render.mjs --clip --out=out/video.mp4 - Öffnen Sie out/video.mp4 oder öffnen Sie studio.html in Chrome, um durch den Clip zu scrubben. Formulieren Sie Änderungswünsche in normalen Worten („Sprung langsamer“, „Himmel rosa“) und rendern Sie erneut.
Ohne dedizierte GPU dauert das Rendern mehrere Sekunden pro Frame. Die README rät, auf integrierter Grafik keine Aquarellfüllungen zu verwenden.
Quelle: ClaudeAnimationBase auf GitHub
Methode 2: eine HTML-Datei und ein Render-Skript (jeder Stil)
Für Motion Graphics, Titelkarten oder Datenanimationen brauchen Sie kein Kit. Bitten Sie Opus 5.5 um eine einzelne HTML-Datei, die einem einfachen Vertrag folgt, und rendern Sie sie mit dem Skript unten.
Schreiben Sie eine eigenständige HTML-Datei in 1920x1080, die eine 10-sekündige Animation auf ein <canvas> zeichnet.
Setzen Sie window.DURATION = 10 und definieren Sie async window.seek(t), das das Frame für die Zeit t in Sekunden zeichnet.
Jedes Pixel darf nur von t abhängen: kein Date.now(), keine requestAnimationFrame-Schleife,
keine CSS-Transitions, kein Math.random() ohne Seed.
Szene: [beschreiben Sie hier Ihre Szene, Farbpalette und Ihren Bewegungsstil]Speichern Sie die Datei als scene.html neben diesem Skript und führen Sie es aus:
// capture.mjs: node capture.mjs scene.html 30
import { chromium } from 'playwright';
import { mkdirSync } from 'node:fs';
import { resolve } from 'node:path';
import { pathToFileURL } from 'node:url';
import { execFileSync } from 'node:child_process';
const [file, fpsArg = '30'] = process.argv.slice(2);
const fps = Number(fpsArg);
mkdirSync('frames', { recursive: true });
const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1920, height: 1080 } });
await page.goto(pathToFileURL(resolve(file)).href);
const total = Math.round((await page.evaluate(() => window.DURATION)) * fps);
for (let i = 0; i < total; i++) {
await page.evaluate((t) => window.seek(t), i / fps);
await page.screenshot({ path: `frames/${String(i).padStart(5, '0')}.png` });
}
await browser.close();
execFileSync('ffmpeg', ['-y', '-framerate', String(fps), '-i', 'frames/%05d.png',
'-c:v', 'libx264', '-pix_fmt', 'yuv420p', 'out.mp4'], { stdio: 'inherit' });npm init -y
npm install playwright
npx playwright install chromium
node capture.mjs scene.html 30 # writes out.mp4Wir haben dieses Skript mit Playwright 1.56 und ffmpeg 6 an einer Testszene ausgeführt; es schreibt ein PNG pro Frame nach frames/ und danach out.mp4.
Quelle: Hugging Face: eine deterministische Render-Pipeline für Opus-5.5-Videos
Methode 3: Remotion oder HyperFrames für längere Videos
- Remotion (React) und HyperFrames (HTML, von HeyGen) sind Frameworks, die dafür gebaut sind, Videos aus Code zu rendern. Sie übernehmen Timeline, Audiospuren und Rendering für Sie.
- Lassen Sie Opus 5.5 zuerst ein Storyboard Szene für Szene schreiben, geben Sie es frei und lassen Sie es dann die Komposition Szene für Szene schreiben.
- Für eine Sprecherstimme erzeugen Sie die Stimme mit einem TTS-Dienst, behalten die Zeitstempel der Wörter und lassen Opus 5.5 Untertitel und Animation darauf abstimmen.
- Rendern Sie zuerst einen Entwurf in halber Auflösung, dann die finale Version in voller Auflösung.
Quelle: Apiyi: Videos mit Code und Opus 5.5 erstellen
Weitere Prompt-Vorlagen
Jeder Prompt verlangt zuerst ein Storyboard. Dieser Schritt macht den größten Unterschied für das Ergebnis.
Produktpromo (15 s)
Schreiben Sie zuerst ein Storyboard für eine 15-sekündige Produktpromo für [Produkt]: 4 Szenen, fette Typografie, eine Akzentfarbe, schnelle Schnitte. Warten Sie auf mein OK und bauen Sie sie dann als eine einzige HTML-Canvas-Datei mit window.DURATION und window.seek(t).Erklärvideo mit Untertiteln (30 s)
Erstellen Sie ein 30-sekündiges Erklärvideo zu [Thema] in 5 Szenen. Verwenden Sie einfache flache Icons in SVG, zeilenweise Untertitel am unteren Rand und ein ruhiges Tempo. Zuerst das Storyboard, dann der Code.Datenanimation
Animieren Sie diese Daten als 20-sekündiges Bar Chart Race: [CSV einfügen]. Sortieren Sie die Balken in jedem Frame neu, zeigen Sie das Jahr in einer Ecke und versehen Sie jede Änderung mit Easing. Jedes Frame darf nur von t abhängen.Cartoon-Kurzfilm (ClaudeAnimationBase, Originaltext)
Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.Tipps, die Zeit und Tokens sparen
- Beginnen Sie mit 10 bis 15 Sekunden. Lange Stücke vervielfachen sowohl die Renderzeit als auch die Tokens.
- Geben Sie das Storyboard frei, bevor Code geschrieben wird. Eine Shotlist zu korrigieren ist billig, fertigen Code zu korrigieren nicht.
- Bestehen Sie auf Determinismus: Hängt ein Frame von etwas anderem als t ab, flackert das Rendering oder unterscheidet sich zwischen Durchläufen.
- Lassen Sie Opus 5.5 sein eigenes Ergebnis ansehen. Rendern Sie ein paar Standbilder oder einen Kontaktbogen und bitten Sie es um eine Prüfung; es kann Bilder lesen.
- Lassen Sie Text und Sprecherstimme im ersten Durchgang weg und fügen Sie sie hinzu, sobald die Bewegung stimmt.
Was Opus 5.5 bei Videos kann und was nicht
| Kann | Kann nicht |
|---|---|
| Ein Storyboard und den Animationscode für jede Szene schreiben | Selbst eine MP4- oder sonstige Videodatei ausgeben |
| Standbilder lesen und so selbst gerenderte Frames und Kontaktbögen prüfen | Eine Videodatei als Eingabe annehmen oder einen Referenzclip ansehen |
| Motion Graphics, Erklärvideos, Diagramme, Titelkarten und 2D-Cartoons in Code zeichnen | Fotorealistische Aufnahmen wie Sora oder Veo erzeugen |
| Das Untertitel-Timing und das Skript für ein Voiceover schreiben | Stimme oder Musik erzeugen; dafür braucht es ein separates TTS- oder Audio-Tool |
Quelle: Claude Opus 5.5 Modellübersicht (Anthropic)
Kosten und Preis
- Opus 5.5 kostet über die API $4.00 pro 1 Mio. Input-Tokens und $20.00 pro 1 Mio. Output-Tokens. In den Claude-Apps und in Claude Code gibt es das Modell nur in kostenpflichtigen Plänen; der kostenlose Plan bietet Sonnet und Haiku.
- Beispielrechnung: Eine Sitzung, die 300.000 Tokens liest und 60.000 Tokens schreibt, kostet zum Listenpreis $2.40. Jede Änderungsrunde kommt hinzu.
- Der Leitfaden von Apiyi beziffert die Modellkosten für ein 30-sekündiges Erklärvideo auf „ein paar Cent bis etwa einen Dollar“, zuzüglich etwaiger TTS-Gebühren.
- Das Rendern selbst läuft auf Ihrem Rechner und kostet nur Zeit.
Opus 5.5: Preis und technische Daten Kosten im Rechner vergleichen
Beispiele und weiterführende Links
Zwei Seiten sammeln diese Videos samt Prompts. awesome-opus5-5-videos auf GitHub listet 475 (durchsuchbar auf skillry.dev), und Claude Video (claudevideo.org) indexiert 1.235, davon 457 mit dem vollständigen Prompt des Erstellers. Beide sind unabhängig von Anthropic.
Quelle: skillry.dev
Quelle: Claude-Video-Galerie
Quelle: explainx: wie die viralen Opus-5.5-Cartoons entstehen
FAQ
Welchen Prompt haben Leute für die viralen Opus-5.5-Videos verwendet?
Die meisten nutzten eine einzige Zeile: „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.“ Viele haben danach ihr eigenes Produkt, ihre Website oder ihr Thema eingesetzt.
Kann Claude Opus 5.5 Videos generieren?
Nicht direkt. Es gibt nur Text aus. Die Videos, die Sie sehen, entstehen, indem Opus 5.5 Animationscode schreibt, den ein Browser Frame für Frame rendert und ffmpeg zu einer MP4 kodiert.
Kann Opus 5.5 ein Video ansehen oder analysieren?
Nein. Es akzeptiert Text und Bilder. Sie können Standbilder oder einen Kontaktbogen aus einem Video exportieren und ihm stattdessen diese geben.
Brauche ich Claude Code, um Opus-5.5-Videos zu erstellen?
Es ist der einfachste Weg, weil Opus 5.5 dort selbst Dateien schreiben, das Rendering ausführen und die Frames ansehen kann. Sie können auch die API oder die Claude-Apps nutzen und das Render-Skript selbst ausführen.
Ist Opus 5.5 Video kostenlos?
Die Tools (ClaudeAnimationBase, Playwright, ffmpeg) sind kostenlos. Opus 5.5 ist nicht im kostenlosen Claude-Plan enthalten, Sie brauchen also einen kostenpflichtigen Plan oder API-Guthaben.
Welcher Stil funktioniert am besten?
Motion Graphics, Erklärvideos, Diagramme und flache 2D-Cartoons. Alles, was sich mit Formen und Schrift zeichnen lässt, funktioniert gut; fotorealistische Aufnahmen nicht.
Unabhängiger Leitfaden. Nicht mit Anthropic verbunden. Die Preise sind Listenpreise von Anthropic in US-Dollar.