motion-piece — Grafiken in Code, Footage nur wo nötig

Was macht motion-piece — Grafiken in Code, Footage nur wo nötig?

Die wichtigste Lektion aus dem Claude Motion-Tutorial: Generierte Clips + editierbare Code-Grafiken bedeuten, dass nur die kaputte Einstellung neu gerendert wird, nie das ganze Video. Code-Grafiken kosten 0 Credits und sind in Sekunden geändert. AI-Startups fragen öfter nach SaaS- und Launch-Videos als nach allem anderen.

Was in der Regel funktioniert (an den Geschmack des Benutzers anpassen)

• „Bewegtgrafiken“ bedeutet meist kinetische Typografie + UI + ständige Bewegung, nicht abstrakte Partikel.
• Charaktere und Geschichten sind oft besser als reine Typografie. Gib einem Launch-Video einen kleinen menschlichen Moment, wenn es passt.
• Wenig Text auf dem Bildschirm; jedes Wort groß, kurz und klar.
• Nur echte Produktwörter (z. B. für eine Notiz-App: Schnellerfassung, Suche, geteilte Notizbücher, Offline-Synchronisation). Erfinde niemals Funktionen.
• Lies ~/.claude/skills/taste/taste.md vor der Planung.

Verwende nicht den Standard-Claude-Look

Code-basierte Bewegtvideos sehen überall gleich aus: maskierter Text, der aus einer Linie auftaucht, weiche leuchtende Kugeln, federnde Einblendungen, Glaskarten, Farbverlaufswörter, die gleichen Easing-Kurven. Wenn ein Bild aus einem beliebigen Claude-Video stammen könnte, ändere es. Bevor du baust:

• Beginne mit der Arbeit des Benutzers, nicht mit den Standardeinstellungen. Übernimm den Look aus style.md, den Markendateien und den eigenen früheren Filmen des Benutzers (Riso-Körnung, malerische Tupfer, 16-mm-Fenster, HD-Pixel-Art, ausgeschnittenes Papier, was auch immer sie gemacht haben). Verwende ihre eigenen Effekte wieder, bevor du neue erfindest.
• Musik zuerst. Hol dir den Track über sound-pass (zuerst die eigene Musik des Benutzers) und stimme jede große Bewegung auf seine Beats ab (beats.json). Die Musik gibt das Tempo vor, nicht der Code.
• Wähle 1–2 charakteristische Moves für diesen Film und verwende nichts anderes; verbiete die oben genannten Standard-Moves, es sei denn, die Marke benötigt sie.
• Verwende Open-Source-Effekte: Pinselstriche (p5.brush), Partikel (tsParticles), Shader-Übergänge (gl-transitions / xfade-easing), animierter Text (moving-letters). Nur mit einer klaren Lizenz (MIT/Apache/CC0) und nach dem Lesen des Codes; führe niemals heruntergeladenen Code blind aus; gib den Autor an, wo die Lizenz es verlangt.

Schritt 0 — Frage zuerst den Benutzer (immer)

Bevor du planst, führe die Aufnahme in ~/.claude/skills/taste/intake.md durch: Marke, Schriftarten, Farben, Referenzen, Vorlieben, Musik, Effekte. Jede Antwort kann „überspringen“ sein.

Schritt 1 — Plane die Beats

Lege die Länge fest (Standard 15–30 s), Seitenverhältnis (16:9; 9:16 für Reels/Shorts; 1:1 für den Feed) und 4–7 Beats: Aufhänger → Was es ist → Wie es funktioniert (2–3 Produktmomente) → Nachweis oder Payoff → Logo/CTA. Jeder Beat gibt an, welche Teile Code sind (Typografie, UI, Zähler, Diagramme, Übergänge, Logo) und welche, falls vorhanden, Filmmaterial sind (eine Person, ein realer Ort, ein physisches Produktfoto).

Standardmäßig alles per Code. Füge Filmmaterial nur hinzu, wenn ein Beat einen echten menschlichen oder physischen Moment benötigt. Footage-Clips kommen aus der Factory (asset-sheet → kling-prompt), stummgeschaltet, 3–5 s lang.

Zeige dem Benutzer den Plan als eine kurze Karte („Machen“ / „Ändern“) zusammen mit den Filmkosten (0, wenn alles per Code).

Schritt 2 — Erstelle es als Claude Motion-Film

• Starte ein Motion-Artefakt über den Motion-Artefakttyp (mit dem quickstart-Befehl des Artefakt-Tools oder der Typenliste) mit einem echten title (der Name des Films) und auto_open: "after_first_write". Befolge dann die Anweisungen, die das Erstellungsergebnis enthält – sie sind maßgeblich dafür, wie ein Motion-Film befüllt wird (seine Store-Dokumente, Szenen-Module, Assets, die Partitur) und was er ablehnt (keine vorhandenen Songs, keine Logos oder proprietären Designs anderer Unternehmen, keine bekannten Charaktere).
• Sein erster Schritt fragt nach Stil / Farben / Länge. Wenn die Aufnahme (Schritt 0) diese bereits beantwortet hat, verwende diese Antworten; andernfalls lass den Motion-Typ seine Fragen stellen.
• Marke: Verwende die echten Farben, Schriftarten und das Logo des Unternehmens, wenn der Benutzer es besitzt oder dafür arbeitet oder dessen Markenkit hat.
• Filmmaterial: Lade jeden Clip als Video-Asset in den Film hoch (mp4, klein – 480p/720p reicht für eine stummgeschaltete Einblendung). Clips werden stumm abgespielt; die Filmmusik wird in Code komponiert.

Schritt 3 — Überprüfung

Motion-Filme haben eine eigene Seite mit Scrubbing und Kommentaren. Exportiere oder nimm den fertigen Film nur dann als MP4 auf, wenn die Tools des Typs dies zulassen, damit der Benutzer eine Entscheidung treffen kann; andernfalls sende den Link des Films („Ansehen, dann entscheiden“) mit Abschicken / Ändern. Zeige ihn optional auf einer Überprüfungsseite (siehe ~/.claude/skills/taste/desk.md). Änderungen kommen als einzeilige Begründungen oder Kommentare auf der Zeitleiste des Films zurück; behebe nur das, was genannt wird.

Wann Motion nicht das richtige Werkzeug ist

• Benötigt Voiceover, Lippen-Sync oder echten Dialog-Audio → erstelle die Grafiken in Motion, exportiere und montiere mit VO in rough-cut (oder einer einfachen Code-Pipeline: index.html + render.mjs → MP4).
• Muss länger als ~60 s sein oder weiter in Premiere bearbeitet werden → exportiere MP4 aus Motion und schneide in Premiere; gewünschte Overlays als separate Ebenen → transparentes ProRes aus der Code-Pipeline.
• Das Tutorial zeigte Exporte nach After Effects und Blender; dies ist hier keine bestätigte Motion-Funktion – versprich es nicht.

Revisionen

Sperre, was funktioniert, ändere nur, was der Benutzer nennt. Behalte den bestehenden Plan/die bestehenden Dateien bei, bearbeite nur die genannten Teile (z. B. „stärkere Körnung“, „ein Stil für alle Bilder“, „Text poppt mehr“, „flotteres Tempo“), füge alle neuen Referenzen hinzu, die sie senden, und rendere neu. Baue niemals von Grund auf neu für eine Notiz.

Niemals

• Verwende niemals das Logo, die Benutzeroberfläche oder das proprietäre Design eines anderen Unternehmens, es sei denn, der Benutzer arbeitet dort oder hat das Markenkit dieses Unternehmens.
• Verwende niemals einen echten Song als Filmmusik.
• Setze niemals KI-generierten Text in Filmmaterial – aller Text ist Code.