Inoffizieller Ratgeber. Keine Verbindung zu Meta.

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.

So funktioniert es in einem Satz: Sie geben Opus 5.5 einen Prompt, es schreibt eine Webseite (Canvas, SVG, GSAP oder Three.js), die die Animation abspielt, und Sie zeichnen sie per Bildschirmaufnahme auf oder rendern sie als MP4. Das ist Code, kein Videomodell wie Sora. Deshalb ist es so stark bei Motion Graphics, Typografie, Diagrammen und 3D und liefert keine Realfilmaufnahmen.

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 style

von @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-tts

von @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 town

von @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

  1. Ö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.
  2. Fügen Sie einen der Prompts oben ein und ergänzen Sie: „Erstellen Sie es als eine einzige, eigenständige HTML-Datei.“
  3. Ö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“

  1. Storyboard: Opus 5.5 schreibt eine Shotlist mit dem Timing jeder Szene.
  2. Code: Es schreibt einen Renderer pro Szene, in dem jedes Frame eine reine Funktion der Zeit t ist.
  3. Frames: Ein Headless-Chrome geht t Schritt für Schritt durch und speichert ein Bild pro Frame.
  4. 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.

  1. Installieren Sie Node.js, Google Chrome, ffmpeg sowie Claude Code mit einem kostenpflichtigen Claude-Plan oder einem API-Schlüssel.
  2. 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
  3. 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.
  4. 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
  5. Ö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.mp4

Wir 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 · HyperFrames

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

Was Opus 5.5 bei Videos kann und was nicht

KannKann nicht
Ein Storyboard und den Animationscode für jede Szene schreibenSelbst eine MP4- oder sonstige Videodatei ausgeben
Standbilder lesen und so selbst gerenderte Frames und Kontaktbögen prüfenEine Videodatei als Eingabe annehmen oder einen Referenzclip ansehen
Motion Graphics, Erklärvideos, Diagramme, Titelkarten und 2D-Cartoons in Code zeichnenFotorealistische Aufnahmen wie Sora oder Veo erzeugen
Das Untertitel-Timing und das Skript für ein Voiceover schreibenStimme 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: 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.