Motion Skills
← Ratgeber

Remotion-Agent-Skills vs. Motion Skills: was jedes deinen Agenten tun lässt

Die Agent-Skills von Remotion bringen deinem Coding-Agenten die API von Remotion bei, damit er korrekten React-Videocode schreibt; Geschichte, Tempo und Ton entscheidest weiterhin du. Ein Komplettfilm-Skill von Motion Skills bringt deinem Agenten den Film bei: Er wählt eine Richtung, schreibt den Film, vertont ihn, prüft jedes Frame und rendert das MP4. Remotion ist kostenlos für Einzelpersonen und Firmen mit bis zu drei Personen; Motion Director von Motion Skills ist für alle kostenlos. Hier steht, was jedes tut, was jedes ein Team kostet und wann du welches nimmst.

Die Angaben zu Remotion stammen von remotion.dev und remotion.pro, geprüft am 29. Oktober 2026. Wir machen Motion Skills, also gewichte unsere Aussagen darüber entsprechend.

Was die Agent-Skills von Remotion sind

Mit Remotion schreibst du Videos als React-Komponenten: Jedes Frame ist deine Komponente, gerendert bei einer Frame-Nummer. Sein Leitfaden für Coding-Agenten nennt Claude Code, Codex, Kimi Code und OpenCode und lässt dich:

  1. ein Projekt mit npx create-video --yes --blank my-video anlegen,
  2. die Skills mit npx remotion skills add hinzufügen (die Skills-Seite nennt auch npx skills add remotion-dev/skills),
  3. die Vorschau mit npm run dev öffnen und deinen Agenten in einem zweiten Terminal starten.

Die Skills selbst sind eine Reihe gezielter Anweisungen. /remotion-best-practices deckt den Rest ab; dazu gehören /remotion-create, /remotion-markup ("Kompositionen, Animationen, Layout, Typografie, Medienelemente, Effekte, Audio, Schriften, Timing"), /remotion-studio, /remotion-render, /remotion-captions, /remotion-maps, /remotion-interactivity, /remotion-license und /remotion-upgrade.

Was dir das bringt: einen Agenten, der Remotion-Code so schreibt, wie Remotion es empfiehlt, in einem Projekt, das dir gehört, gerendert mit den Werkzeugen von Remotion. Was es dir überlässt: was das Video sagt, die Reihenfolge der Szenen, das Timing, den Look, die Musik und ob das Ergebnis gut ist. Das ist die richtige Aufteilung, wenn du ein Videoprodukt oder eine Vorlage baust, die Tausende Male rendert, und jede Komponente im Griff haben willst.

Was ein Komplettfilm-Skill von Motion Skills tut

Ein Komplettfilm-Skill von Motion Skills ist ebenfalls ein Agent-Skill, aber er trägt das Filmemachen in sich, keine API. Es gibt einen pro Filmart: Launchfilme, Erklärfilme, Datenvideos, vertikale Shorts, Präsentationen mit Sprecherstimme und mehr, jeder mit eigenen Stilen. Du gibst deinem Agenten dein Material und sagst, wofür der Film gedacht ist. Der Skill dann:

  • liest das Material und führt eine sources.md: jede Zeile, jede Zahl und jeden Namen auf dem Bildschirm, mit der Datei oder URL, aus der sie stammen;
  • schlägt Richtungen vor und zeigt dir echte Frames, bevor sie baut;
  • schreibt ein Treatment: die Takte, den Hook, die Kernaussage auf dem stärksten Beat, das Ende;
  • baut den Film in HTML, CSS und GSAP, als Funktion der Zeit;
  • vertont ihn: ein eigenes Musikstück, für den Film geschrieben, mit einem Motiv für dein Thema;
  • prüft ihn: mo check für abgeschnittenen, verdeckten oder kontrastarmen Text, mo audit, damit jede Zeile eine Quelle hat, und Standbilder der Schlüsselmomente, die sie ansieht und korrigiert;
  • rendert das MP4 auf deinem Rechner mit unserer offenen Engine motion-skills und nimmt Änderungen in einfachen Worten an.

Remotion verwendet er nicht. Die Komplettfilm-Skills laufen auf motion-skills, das derselben Idee folgt wie HyperFrames: Ein Film ist HTML, CSS und GSAP, Frame für Frame in Chrome gerendert und mit FFmpeg kodiert. Du brauchst kein React, und den Film schreibst du nicht selbst.

Motion Skills in einer Einstellung

Unser eigener Launch-Film ohne Schnitt: Die Logo-Kachel wird zur Installation, zu deinem Material, zu drei Richtungen, zum Film mit Musik, zu einer Änderung und am Ende zu sieben echten Beispielfilmen.

Beispiel für Launch-Film16:9 · 26 s

Jede Zeile stammt von den Seiten dieser Website.

Diesen Launchfilm hat der Skill Launch-Film aus den eigenen Seiten dieser Website gemacht, ohne Schnitte: die Installation, dein Material, drei Richtungen, der Film und seine Musik, eine Änderung, dann echte Beispielfilme.

Lizenz und Kosten

Wer es kostenlos nutzen kann Bezahlte Optionen Wofür du zahlst
Remotion Einzelpersonen und Firmen mit bis zu 3 Personen, mit unbegrenzter kommerzieller Nutzung Remotion for Creators: $25 pro Platz im Monat. Remotion for Automators: $0.01 pro Render, $100 monatliches Minimum. Enterprise ab $500 im Monat Die Nutzung des Frameworks in einer Firma mit 4 oder mehr Personen
Motion Skills Alle, bei Motion Director (Filme von 10–20 Sekunden) $4.90 pro Komplettfilm-Skill, oder alle für $9.90 im Monat, $79 im Jahr oder $169 einmalig Die Komplettfilm-Skills; keine Credits, keine Gebühren pro Render

Die kostenlose Lizenz von Remotion gilt für "Einzelpersonen und Firmen mit bis zu drei Personen"; eine Company License ist "erforderlich für Kooperationen und Firmen mit 4 oder mehr Personen". Die Einzelheiten stehen in seiner Lizenz-FAQ und auf remotion.pro. Die Preise von Motion Skills stehen auf unserer Preisseite. Der eigene Plan deines Coding-Agenten ist in beiden Fällen separat.

Wann du Remotion nimmst

  • Du baust ein Videoprodukt: personalisierte Videos, eine Vorlage, die deine Nutzer ausfüllen, eine Rendering-Pipeline.
  • Du renderst in großer Menge, auf einem Server oder in der Cloud, und willst Preise pro Render.
  • Dein Team schreibt schon React und will jede Komponente selbst im Griff haben.
  • Du willst die Animation selbst entwerfen und den Agenten nutzen, um den Code schneller zu schreiben.

Wann du einen Komplettfilm-Skill nimmst

  • Du brauchst einen Film, oder ein paar: einen Launch, einen Erklärfilm, ein Datenvideo, einen Short, eine Präsentation.
  • Der Film soll aus deinem eigenen Material entstehen, jede Zahl darauf zurückgeführt.
  • Du willst kein React-Projekt aufsetzen oder Geschichte, Timing und Musik selbst schreiben.
  • Du willst, dass der Agent seine eigenen Frames prüft, bevor du sie siehst.

Unsicher? Motion Director kostet nichts und macht einen Film von 10–20 Sekunden jeder Art, sodass du sehen kannst, was ein Komplettfilm-Skill mit deinem Material macht, bevor du dich entscheidest. Die Einrichtung für jeden Agenten steht in So installierst du Agent-Skills.

Beides zusammen

Es sind getrennte Werkzeuge, die sich nicht in die Quere kommen. Beide werden als Skills installiert, also kann derselbe Agent die Remotion-Skills für ein Projekt haben, das Videos programmatisch rendert, und einen Komplettfilm-Skill für einen einzelnen Film. Eine übliche Aufteilung: Remotion für die Videofunktion in deinem Produkt, ein Komplettfilm-Skill für den Launchfilm, der sie ankündigt.

Beide Engines im Vergleich findest du unter HyperFrames vs. Remotion; weitere Werkzeuge, auch Browser-Apps, unter Alternativen zu Claude Motion.

Fragen

Ist Remotion kostenlos?

Remotion ist kostenlos für Einzelpersonen und Firmen mit bis zu drei Personen. Firmen mit vier oder mehr Personen brauchen eine Company License; auf remotion.pro kostet Remotion for Creators $25 pro Platz und Monat und Remotion for Automators $0.01 pro Render bei einem monatlichen Minimum von $100.

Was machen die Agent-Skills von Remotion?

Sie bringen einem Coding-Agenten wie Claude Code oder Codex bei, korrekten Remotion-Code zu schreiben: React-Kompositionen, die vom aktuellen Frame gesteuert werden. Geschichte, Tempo und Ton entscheidest weiterhin du, und Vorschau und Rendern des Projekts erledigst du mit den Werkzeugen von Remotion.

Kann ich Remotion und Motion Skills zusammen nutzen?

Ja. Es sind getrennte Werkzeuge. Ein Team kann Remotion für programmatische Videos behalten und einen Komplettfilm-Skill für einzelne Launchfilme oder Erklärfilme nutzen.

Verwendet Motion Skills Remotion?

Nein. Die Komplettfilm-Skills laufen auf unserer offenen Engine motion-skills: Ein Film ist HTML, CSS und GSAP, Frame für Frame in Chrome gerendert und mit FFmpeg kodiert.

Quellen

Dieser Vergleich ist unabhängig und nicht mit Remotion verbunden. Remotion ist eine Marke ihres Inhabers. Geprüft am 29. Oktober 2026.