Motion Graphics mit Claude: Beispiele, Skills und Prompts (2026)

Claude macht Motion Graphics als Code: Kinetic Type, Diagramme und Logo-Stings, als MP4 gerendert. Das geht in Claude Motion (Team, Enterprise) oder mit einem Motion-Graphics-Skill in Claude Code, Codex oder Cursor.

Pläne und Funktionen von Claude Motion laut Hilfeartikel und Preisseite von Anthropic, zuletzt geprüft am 29. Oktober 2026. Diese Seite ist unabhängig und nicht mit Anthropic verbunden.

Was „Claude motion graphics“ bedeutet

Motion Graphics sind animiertes Design: Wörter, Zahlen, Formen, Icons und Logos, die sich bewegen, statt gefilmter Aufnahmen. Claude kann das aus einem einfachen Grund gut: Es schreibt Code, und Motion Graphics lassen sich als Code schreiben. Eine Animation ist eine HTML-Seite, deren Schrift, Diagramme und Formen sich über die Zeit verändern; ein Renderer spielt sie Bild für Bild im Browser ab und speichert die Bilder als Video.

Es gibt drei Wege, Animationen mit Claude zu erstellen:

1. Claude Motion, die Beta von Anthropic in claude.ai für die Pläne Team und Enterprise. Du beschreibst ein kurzes animiertes Erklärvideo, hängst deinen eigenen Bericht, deine Daten oder Bilder an, bearbeitest es im Chat und exportierst ein MP4. Es ist kein Videogenerierungsmodell: keine generierten Aufnahmen und keine KI-generierten Menschen. Die Details stehen im Claude-Motion-Guide.
2. Ein Prompt an Opus 5.5, im Chat oder in Claude Code, mit der Bitte um eine Animation als HTML-, Canvas- oder Three.js-Seite. Die meisten Claude-Motion-Clips, die auf X geteilt werden, sind so entstanden. Das Ergebnis ist bei jedem Durchlauf anders, und die Seite nimmst du selbst auf oder renderst sie.
3. Ein Skill in deinem Coding-Agent. Ein Claude Skill ist ein Ordner mit Anweisungen und Dateien, den Claude Code (und Codex, Cursor oder Gemini CLI) lädt, wenn eine Anfrage passt. Ein Motion-Graphics-Skill sagt dem Agenten, wie er den Film plant, welchen Look er nimmt, wie er jedes Bild prüft und wie er das MP4 rendert. So bekommst du jedes Mal dieselbe Qualität.

Beispiele für Claude Motion Graphics

Mit unseren Skills gemacht

Jeden Film hier hat ein Coding-Agent mit einem unserer Skills inszeniert und gerendert, aus echtem Material und mit eigener Musik. Für den Ton auf Play drücken.

Einzelne Looks, jeweils für ein Beispielprodukt gerendert:

In Claude Motion gemacht, auf X geteilt

Echte Ergebnisse aus Claude Motion, die ihre Ersteller gepostet haben. Jede Karte öffnet das Video, wer es gemacht hat, und den Originalbeitrag.

Mit einem einzigen Prompt an Opus 5.5 gemacht

Animationen, die Opus 5.5 von Grund auf als eine HTML-Seite geschrieben hat, aus einem einzigen Prompt und ohne Skill.

Mehr davon, nach Bereich und Entstehungsweg sortiert: die Claude-Motion-Galerie.

Claude Skills für Motion Graphics

Ein Motion-Graphics-Skill ist der Unterschied zwischen „Claude, animier das mal“ und einem Film, den du posten kannst. Er bringt den Look, die Regeln fürs Timing, die Prüfungen und das Rendering mit, damit dein Agent nicht jedes Mal bei null anfängt. Unsere gibt es in zwei Größen.

Einzelne Looks erledigen eine Aufgabe in einem Stil, von ein paar Sekunden bis zu einer halben Minute: ein Titel, ein Logo-Sting, ein Launch im Druck- oder Blaupausen-Look, eine Idee aus Papierschnitt oder auf dem Whiteboard. Jeder kostet $4.90, oder du bekommst alle mit einem Plan.

Komplettfilm-Skills machen einen ganzen Film einer Filmart, mit mehreren Stilen eingebaut: Titel und Übergänge für deinen Schnitt, ein Brand-Intro, ein Datenvideo, ein Erklärvideo, ein Hochformat-Short oder eine Social-Karte.

Alle Skills findest du im Skill-Store. Zum Ausprobieren ist Motion Director mit einer Google-Anmeldung kostenlos und macht einen Film von 10–20 Sekunden, egal welcher Art: in Kinetic Type, als Datengeschichte oder auf dem Whiteboard.

So erstellst du Motion Graphics mit Claude Code oder Codex

Du brauchst einen Coding-Agent (Claude Code mit Pro oder Max, Codex, Cursor oder Gemini CLI), Node.js 22 oder neuer, FFmpeg und Google Chrome. Keine API-Schlüssel.

1. Installiere den Skill mit einem Satz. Öffne deinen Agenten in einem Ordner und füge ein:

   Read https://claude-motion.com/skills/motion-director/install.md and follow it to install the "motion-director" skill, then make a first video with it.
   

   Der Agent führt einen Befehl aus, npx motion-skills install motion-director; beim ersten Mal meldest du dich im Browser mit Google an.

2. Sag, wofür es ist, und zeig auf dein Material. Zum Beispiel: „Eine 15-sekündige Titelsequenz in 16:9 für unser Produktvideo, aus den 2.0-Notizen in CHANGELOG.md. Unsere Farben stehen in brand.css.“ Der Skill listet jedes Wort und jede Zahl auf, die er zeigen wird, mit ihrer Herkunft.

3. Gib das Schlüsselbild frei. Bevor er etwas baut, wählt er einen Stil und eine Palette und zeigt dir ein Bild. Ein Bild ist schneller geändert als ein Film.

4. Lass ihn bauen, prüfen und vertonen. Er schreibt die Animation in HTML und GSAP, schaut sich seine eigenen Bilder an, prüft jede Zeile gegen deine Quellen und schreibt eigene Musik.

5. Wünsch dir Änderungen in normalen Worten. „Das Logo länger stehen lassen“, „nimm unser Grün“. Er ändert genau diesen Moment und rendert neu.

6. Nimm die Datei. Ein MP4 zum Posten oder ein MOV mit Transparenz, das du in deinem Schnittprogramm über Aufnahmen legst; GIF und WebM gibt es auch.

In Codex liegt derselbe Skill in ~/.agents/skills/, in Cursor in .cursor/skills/; die Installationsanleitung legt ihn dort ab, wo dein Agent sucht. Jeder Schritt, mit einem echten Film vom Briefing bis zur letzten Überarbeitung: So erstellst du ein Video mit Claude Code. Für die anderen Agenten: Videos mit Codex, Cursor oder Gemini CLI.

Prompts für Claude Motion Graphics

Wenn du lieber promptest als installierst: Auf der Seite mit Claude-Motion-Prompts stehen Stil-Prompts mit Vorschau, jeweils mit Angabe, wo sie laufen: Prompts für Claude Motion und Prompts für Opus 5.5. Ein guter Motion-Graphics-Prompt sagt, wer zuschaut und wo, wie lang es wird, welche Inhalte verwendet werden und wie es endet. Für Claude Motion zum Beispiel:

Mach einen 15-sekündigen Kinetic-Type-Titel in 16:9 für [wer zuschaut, z. B. Zuschauer unseres Produktvideos auf YouTube]. Verwende nur diese Wörter: [dein Titel, z. B. „Schneller ausliefern“], [dein Untertitel, z. B. „Version 2.0“]. Ein Wort pro Beat, unsere Farben [z. B. Schwarz und Limette], keine Stockbilder. Ende auf dem Titel, zwei Sekunden lang gehalten.

Ersetze die [Klammern] durch deine eigenen Worte. Ein Skill braucht weniger: dein Material und einen Satz, denn der Rest steckt im Skill.

Fragen

Kann Claude Motion Graphics erstellen?

Ja. Claude schreibt Motion Graphics als Code (animierte Schrift, Diagramme, Formen und Logos), und dieser Code wird zu einem Video gerendert. In Claude Motion mit Team und Enterprise exportierst du ein MP4 aus claude.ai; in Claude Code, Codex oder Cursor rendert ein Motion-Graphics-Skill das MP4 auf deinem Rechner.

Gibt es einen Claude Skill für Motion Graphics?

Ja. Motion-Graphics-Skills sind Ordner mit Anweisungen und Dateien, die dein Coding-Agent lädt, etwa unsere einzelnen Looks (Kinetic-Type-Titel, Logo-Stings, Launches) und Komplettfilm-Skills (Titel und Übergänge, Brand-Intros, Datenvideos). Motion Director ist mit einer Google-Anmeldung kostenlos.

Brauche ich Claude Motion, um Animationen mit Claude zu erstellen?

Nein. Claude Motion ist eine Beta nur für die Pläne Team und Enterprise. Mit Pro oder Max macht Claude Code mit einem Motion-Graphics-Skill dieselbe Art Animation und rendert sie auf deinem Rechner; im kostenlosen Plan nutzt du den Skill in Codex, Cursor oder Gemini CLI.

Kann ich das Ergebnis in Premiere, Final Cut oder CapCut verwenden?

Ja. Die Skills rendern ein MP4 oder ein MOV mit Transparenz für Titel, Bauchbinden und Stings, die du über deine eigenen Aufnahmen legst. GIF und WebM gibt es auch.

Was kostet das?

Motion Director ist kostenlos. Jeder einzelne Look und jeder Komplettfilm-Skill kostet $4.90, oder du bekommst alle Skills mit einem Plan: $9.90 im Monat, $79 im Jahr oder $169 einmalig für den lebenslangen Gründerpass. Es gibt keine Credits; verbraucht wird nur das Kontingent deines eigenen Agenten.

Kann Claude Motion Graphics mit echten Aufnahmen oder Menschen machen?

Nein. Claude Motion generiert keine Aufnahmen und keine Menschen, unsere Skills auch nicht: Sie animieren Schrift, Diagramme, Formen, deine Screenshots und deine Fotos. Gefilmte Einstellungen nimmst du selbst auf und legst die Motion Graphics darüber.

Weiterlesen

• Kann Claude Videos erstellen?: was Claude machen kann und was nicht, und die drei Wege dorthin.
• Was ist Claude Motion? und Claude Motion: Zugang und Preise.
• HyperFrames vs. Remotion, die beiden großen Engines für Video aus Code.
• Alternativen zu Claude Motion, von Code-Frameworks bis zu Browser-Apps.

Claude ist eine Marke von Anthropic, PBC. Die Videos in der Galerie gehören ihren Erstellern.