Diese Übung entwirft einen eigenen 15-Sekunden-Spot für die fiktive Notiz-App Fieldnote. Sie verwendet das Claude-Motion-Toolkit von whaleyxbt und Remotion. Es handelt sich um einen vorgeschlagenen Ablauf, nicht um den Bericht eines tatsächlich gerenderten Beispiels. Anthropic Motion, dieses Toolkit und die Claude Motion Skills dieser Website sind unterschiedliche Produkte.
Ein kleines, überprüfbares Ziel festlegen
Das Publikum soll eine Handlung verstehen: verstreute Notizen werden zur Wochenübersicht. Verwende drei Szenen, eine Akzentfarbe und Text statt einer aufwendigen Produktaufnahme. Für diese Übung gelten 1080 × 1920, 30 fps und 15 Sekunden, also 450 Frames. Lege vorher fest, was bestanden bedeutet: Alle Texte sind auf dem Handy lesbar, die abschließende Handlungsaufforderung bleibt sichtbar und unbelegte Leistungsversprechen fehlen. Lege freigegebene Texte und ein eigenes Logo im Projekt ab, bevor du die Umsetzung beauftragst.
Die Idee in drei Szenen aufteilen
Von 0 bis 4 Sekunden zeigen drei Notizzettel um „Notizen überall?“ das Problem. Von 4 bis 10 Sekunden ordnen sie sich zu einer einzigen Wochenübersicht. Von 10 bis 15 Sekunden erscheinen Fieldnote und „Ein entspannterer Wochenrückblick“. Das sind Beispieltexte, keine Versprechen eines echten Produkts. Bei 30 fps liegen die Grenzen bei Frame 0, 120, 300 und 450. Plane nach jedem Auftauchen eine ruhige Lesephase. Dass Wörter auf die Fläche passen, genügt nicht, wenn sie ständig in Bewegung sind.
Eine vollständige erste Anweisung geben
Öffne das installierte Toolkit und nutze den eigenen Beispielprompt unten. studio öffnet die lokale Vorschau; der Beispielbefehl build exportiert nicht automatisch jede neue Komposition.
Lies AGENTS.md und die Projektskills. Erstelle einen 15-Sekunden-Spot für Fieldnote mit 1080 × 1920 und 30 fps nach den drei Szenen oben. Cremefarbener Hintergrund, anthrazitfarbene Schrift, ein grüner Akzent. Verwende nur gelieferte Texte und eigene Materialien. Beginne mit Storyboard und benannten Zeitpunkten, implementiere dann, erstelle einen Entwurf, prüfe Frames und korrigiere abgeschnittene Elemente. Die erste Version bleibt stumm. Nenne die Kompositions-ID und den tatsächlichen Ausgabepfad.
npm run studioEine überprüfbare Korrektur verlangen
Sieh den Entwurf zunächst ohne Pause an und prüfe danach Szenengrenzen und längsten Text. Kommt die mittlere Karte zu langsam herein, nutze den Korrekturprompt unten. So sind sichtbares Ergebnis und beizubehaltende Entscheidungen klar. Rendere den veränderten Abschnitt erneut, bevor du einen Reparaturbericht akzeptierst.
Beende den Eintritt der Karte in Szene zwei bis 4,8 Sekunden und halte die Übersicht bis 9,5 Sekunden vollständig sichtbar. Erhalte Szene eins, Farben, Text und insgesamt 15 Sekunden. Prüfe den Übergang und nenne betroffene Zeitpunkte.Die tatsächlich erstellte Komposition exportieren
Wähle die neue Komposition im Render-Dialog von Remotion Studio oder verwende ihre echte ID in der CLI. Exportiere MP4 und kontrolliere Maße, Länge, ersten und letzten Frame sowie Lesbarkeit in einem normalen Player. Bewahre Quelldateien auf und gib dem Endergebnis einen eigenen Namen. Bei dieser Website lädst du das bearbeitbare Projekt herunter und folgst den lokalen HyperFrames-Anweisungen. Der Remotion-Ablauf oben gehört zum offenen Toolkit. Eine HTML-Vorschau dient der Prüfung, ist aber nicht die hochzuladende MP4-Datei.
Dein nächster Schritt
Stelle zuerst eine verständliche, gut lesbare 15-Sekunden-Geschichte fertig. Weitere Szenen, Sprechertext und Formate können folgen. Bewahre das Briefing beim fertigen Video als Grundlage späterer Änderungen auf.
Den Arbeitsbereich entdeckenQuellen und weiterführende Informationen
Die Verweise führen zur Originaldokumentation und zu den Urhebern. Die Verfügbarkeit kann sich ändern. Prüfe die Quelle vor einem Abo oder einer Installation.
- Claude Motion toolkitwhaleyxbt
- Visual review loopwhaleyxbt
- Render your videoRemotion
- Claude Motion Skills public CLIClaude Motion Skills