Guide · Motion Design mit Claude

Die Prompt-Vorlage für Animationen mit Claude

Claude malt keine Animation. Es schreibt sie als Code. Darum kannst du einen Wert ändern, und der Rest bleibt. Hier ist die Vorlage mit den vier Angaben, die in jeden Animations-Prompt gehören.

Vorlage ausfüllen Als Textdatei laden

Vier Angaben vor dem Start

Eine Animation ist Text mit Zeitstempeln. Claude schreibt diesen Text, und daraus wird die Animation. Du musst nichts zeichnen. Aber Claude muss wissen, was du willst. Vier Angaben reichen dafür.

  1. Wer und wo

    Für welche Plattform und für welche Zielgruppe die Animation gedacht ist.

  2. Format und Länge

    Das Seitenverhältnis und die Dauer, zum Beispiel 4:5 hochkant und 8 Sekunden.

  3. Szenen mit Namen

    Jede Szene bekommt einen Namen und einen Satz, was darin passiert. Über den Namen sprichst du später genau diese Szene an.

  4. Look und Grenzen

    Die Farben und das, was Claude nicht tun soll, zum Beispiel: Keine Zahlen erfinden.

Die Vorlage zum Ausfüllen

Fülle die vier Felder aus. Der Prompt darunter baut sich mit. Leere Felder bleiben als Platzhalter in eckigen Klammern stehen. Danach kopierst du den Prompt und fügst ihn in Claude ein.

Die vier Angaben

Plattform und Zielgruppe.

Seitenverhältnis und Dauer.

Pro Szene ein Name in Anführungszeichen und ein Satz, was passiert. Mehrere Szenen schreibst du hintereinander.

Farben und was Claude nicht tun soll.

Dein Prompt

prompt-vorlage.txt 
Baue eine Animation.
(1) [Wer und wo: Für welche Plattform, für welche Zielgruppe?]
(2) [Format und Länge: zum Beispiel 4:5 hochkant, 8 Sekunden lang.]
(3) [Szenen mit Namen: Szene "name": was passiert. Weitere Szenen hintereinander.]
(4) [Look und Grenzen: Farben und was Claude nicht tun soll.]

Deine Eingaben bleiben in deinem Browser. Es wird nichts gesendet.

Das Beispiel

So sieht die ausgefüllte Vorlage aus. Die Farben sind Beispielwerte. Setz deine eigenen ein.

beispiel-prompt.txt 
Baue eine Animation.
(1) Für Instagram, Zielgruppe: KI-Einsteiger.
(2) 4:5 hochkant, 8 Sekunden lang.
(3) Szene "titel": Überschrift fährt ein. Szene "liste": drei Punkte nacheinander.
(4) Farben #16436B und #F5B32F. Keine Zahlen erfinden.
  1. Wer und wo
  2. Format und Länge
  3. Szenen mit Namen
  4. Look und Grenzen

Danach: eine Änderung pro Runde

Sag Claude, welche Szene du meinst. Dafür hast du die Namen vergeben. Ändere pro Runde nur eine Sache.

Beispiel für eine Runde
In "liste": nur die Reihenfolge ändern.

Weil Claude Code schreibt, bleibt der Rest, wie er ist. Du sagst zum Beispiel: „Lass den Titel doppelt so lange stehen.“ Im Code ändert sich dann eine Zeile.

Eine Zeile geändert (Beispielwerte)
- duration: 0.4
+ duration: 0.8

Alles andere bleibt, wie es ist. Nichts wird neu gebaut. Die Zahlen sind ein Beispiel, keine Messwerte.

Stolperstein

Logos, Zahlen und Oberflächen prüfst du selbst. Sie können erfunden oder verzerrt sein.

Drei Wege, ein Prinzip

Immer schreibt Claude Code, und daraus wird die Animation.

  • Claude DesignDer Export ist als Standalone-HTML möglich.
  • Claude MotionEine Beta-Vorlage für kurze Erklär-Animationen. Ob du sie nutzen kannst und was sie exportiert, prüfst du direkt bei Anthropic.
  • Claude Code mit HyperFramesClaude schreibt HTML und GSAP, eine Animations-Bibliothek für JavaScript. Ein Renderer macht daraus MP4. Das läuft bei dir lokal.

Fragen zum Guide? Schreib an support [at] nelyox [dot] de.