Motion Design,
in Code geschrieben.
Agent-Skills, die deinem Coding-Agent echtes Motion Design beibringen: Timing, Easing und Choreografie. Showreels, Intros und Launch-Filme, gerendert aus einem Prompt.
Motion Design ohne Timeline.
Gute Motion ist vor allem Urteilsvermögen: wie lange etwas stehen bleibt, wann sich Dinge überlappen, welches Easing eine Bewegung bewusst wirken lässt. Dieses Urteilsvermögen steckt normalerweise in Keyframe-Tools und jahrelanger Übung.
MotionVideo schreibt es für deinen Agent auf. Er plant die Beats im Storyboard und animiert dann Typo, Formen und deine eigenen Komponenten in Code – so ist jeder Frame überprüfbar und jede Änderung nur ein erneutes Rendern entfernt.
Von Showreels bis zu Launch-Filmen.
Dieselben Skills decken die Videos ab, die mit einem Produkt ausgeliefert werden: Launch-Filme, Feature-Updates und Changelog-Clips, gebaut aus dem Interface, das du schon hast, statt neu gezeichnet.
Du behältst die Kontrolle über den Schnitt. Prüfe das Storyboard, wünsch dir Änderungen in einfachen Worten und rendere erneut.
So funktioniert’s
- 01.Nimm die GitHub-Einladung an und kopiere den Skills-Ordner in dein Projekt
- 02.Beschreibe das Stück, etwa „ein 20-Sekunden-Intro: Namens-Reveal, drei Projektkarten, ruhiger Abgang“
- 03.Dein Agent plant Beats und Timing im Storyboard, bevor er Szenencode schreibt
- 04.Er animiert jede Szene mit deinen Schriften, Farben und Komponenten und rendert dann lokal
- 05.Wünsch dir Änderungen in einfachen Worten, etwa „das Logo länger stehen lassen“, und rendere erneut
Was im Pack steckt
Alles, was dein Agent braucht, um von einem Satz zu einer gerenderten Datei zu kommen – ohne mit einer leeren Komposition zu starten.
Agent-Skills
Anweisungsdateien zu Storyboarding, Choreografie, Timing und Typografie in Bewegung, die dein Agent nur lädt, wenn er sie braucht.
Szenen-Starter
Fertige Kompositionen zum Forken für Showreels, Titelsequenzen, Launch-Filme und Changelog-Clips, damit dein Agent nie mit einer leeren Datei startet.
Motion-Tokens
Spring-, Easing- und Timing-Werte, abgestimmt auf Motion Design und an einem Ort gebündelt, damit sich jede Szene im selben Rhythmus bewegt.
Renderer-Guides
Setup-Hinweise für Remotion, HyperFrames, Editframe und fframes, damit derselbe Szenenplan mit deinem Stack funktioniert.