Motion Skills
← Ratgeber

Der kostenlose Open-Source-Stack für Motion-Videos mit Coding-Agenten: welches Werkzeug welchen Schritt übernimmt (2026)

Kostenlose, meist quelloffene Werkzeuge decken jeden Schritt eines Motion-Videos mit Claude Code, Codex oder Cursor ab: Remotion oder Three.js für Szenen, Manim für Mathe, CosyVoice für Stimme, WhisperX für Untertitel, librosa für Beats, FFmpeg zum Kodieren. Keines entscheidet Geschichte, Tempo oder Fakten.

Die Angaben zu jedem Projekt stammen aus dessen eigener README, Lizenzdatei oder Website, geprüft am 3. November 2026. Wir machen Motion Skills, also gewichte unsere Aussagen darüber entsprechend.

Listen kostenloser "Skills" für ein Agenten-Motion-Studio enthalten meist Bibliotheken und Apps, keine Agent-Skills: Dein Agent kann Code dafür schreiben, aber nichts darin sagt, was einen guten Film ausmacht. Hier sind sie nach Arbeitsschritt geordnet.

Auf einen Blick

Schritt Werkzeug Was es tut Lizenz Was es dir überlässt
Szene & Bewegung Remotion Video als React-Komponenten, in eine Datei gerendert Eigene Lizenz; Company License ab 4 Personen Geschichte, Timing, Look, Ton
Szene & Bewegung Remotion agent skills Bringen einem Agenten bei, Remotion-Code zu schreiben Keine Lizenzdatei; mit Remotion genutzt Dasselbe wie Remotion
Szene & Bewegung Anime.js Animiert CSS, SVG, DOM-Attribute und JS-Objekte MIT Eine Live-Seite zu Video machen
Szene & Bewegung Motion Animationsbibliothek für React, JavaScript und Vue MIT (Motion+ ist kostenpflichtig) Eine Live-Seite zu Video machen
3D Three.js 3D im Browser, WebGL- und WebGPU-Renderer MIT Licht, Kamera, Frame-Erfassung
Licht three-gpu-pathtracer Pathtracing-Licht für Three.js MIT Ein WebGPU-Browser, Renderzeit
Physik Jolt Physics (JoltPhysics.js) Starrkörperphysik, mit JS-Portierung MIT Anbindung an deine Szene
Effekte pmndrs/postprocessing Bloom und andere Vollbildeffekte für Three.js Zlib Gespür: wann ein Effekt hilft
Effekte three.quarks Partikel und VFX für Three.js MIT Anbindung, Timing
Feinabstimmung Tweakpane Ein kleines Panel, um Werte live anzupassen MIT Es ist nicht Teil des Renders
3D-App MCP for Blender (früher blender-mcp) Lässt einen Agenten Blender über MCP steuern MIT; Blender ist GPL Den Code prüfen, den es ausführt
2D-Vektor lottie-web Spielt als JSON exportierte After-Effects-Animationen ab MIT Die Gestaltung, die in After Effects passiert
Mathematik Manim (Community) Python-Engine für Mathe-Erklärvideos MIT Die Erklärung, Python-Setup
Bilder & Clips ComfyUI Führt Bild-, Video-, 3D- und Audiomodelle aus GPL-3.0 Eine GPU, die Lizenz jedes Modells
Stimme CosyVoice Mehrsprachige Sprachsynthese und Stimmklonen Apache 2.0 (Code und v3-Gewichte) Das Skript, Rechte an jeder Stimme
Untertitel WhisperX Transkription mit Zeitstempeln pro Wort BSD-2-Clause Korrekturlesen, Untertitel-Stil
Beat-Sync librosa Audioanalyse, einschließlich Beat-Tracker ISC Beats den Schnitten zuordnen
Aufnahme OBS Studio Bildschirm- und Kameraaufnahme GPL-2.0 oder später Die Aufnahme selbst
Schnitt LosslessCut Schneidet und verbindet Video ohne Neukodierung GPL-2.0 Titel, Effekte, Mischung
Kodierung FFmpeg Konvertiert, kodiert und muxt Audio und Video LGPL 2.1+, GPL mit optionalen Teilen Die genauen Befehle

Szene und Bewegung

Remotion schreibt Video als React-Komponenten und rendert es auf deinem Rechner, einem Server oder AWS Lambda. Seine Lizenz ist eine eigene, keine Open-Source-Lizenz: kostenlos für Einzelpersonen, Firmen mit bis zu drei Beschäftigten, gemeinnützige Organisationen und zur Evaluierung, "auch kommerziell"; größere Firmen brauchen eine Company License. Laut Lizenzdatei wird sie sich mit Remotion 5.0 "leicht ändern".

Die Agent-Skills von Remotion (npx skills add remotion-dev/skills) bringen Claude Code, Codex oder Cursor die API von Remotion bei: /remotion-create, /remotion-markup, /remotion-render, /remotion-captions, /remotion-maps und mehr. Sie machen den Code korrekt, nicht den Film; siehe Remotion-Agent-Skills vs. Motion Skills.

Anime.js und Motion (früher Framer Motion) sind Animationsbibliotheken für Live-Webseiten, beide MIT. Motion liefert einen kostenlosen, MIT-lizenzierten /motion-Agent-Skill (npx motion-ai); die Motion+-Extras sind eine kostenpflichtige Lizenz. Keine der beiden READMEs beschreibt einen Videoexport: Etwas muss die Seite Frame für Frame weiterschalten und kodieren, oder du nimmst den Bildschirm auf.

3D, Licht, Physik und Effekte

Three.js ist die Basis: eine allgemeine 3D-Bibliothek mit WebGL- und WebGPU-Renderern. three-gpu-pathtracer ergänzt physikalisch basiertes Licht per Pathtracing; es braucht WebGPU und baut jedes Bild Sample für Sample auf, sodass ein sauberes Frame viele Durchgänge braucht. Jolt Physics, eingesetzt in Horizon Forbidden West, simuliert Starrkörper; JoltPhysics.js bringt es nach JavaScript. Die Simulation ist deterministisch, sodass eine neu gerenderte Szene jedes Mal gleich fällt. postprocessing (Zlib) fügt Vollbildeffekte wie Bloom hinzu, three.quarks Partikel, und Tweakpane gibt dir Schieberegler, um Werte während der Vorschau abzustimmen.

MCP for Blender (umbenannt von blender-mcp) ist ein Community-Plugin, nicht von Blender selbst, mit dem Claude Code, Codex, Cursor und andere MCP-Clients in Blender arbeiten. Seine README warnt, dass der Agent standardmäßig "beliebigen Python-Code in Blender ausführen kann"; BLENDER_MCP_SAFE_MODE=1 blockiert riskante Skripte. Es sendet einen minimalen anonymen Nutzungsdatensatz, außer du setzt DISABLE_TELEMETRY=true. Blender ist GPL, und seine Lizenzseite sagt, dass die Bilder und Filme, die du damit machst, dir gehören.

2D-Vektor und Mathe-Erklärvideos

lottie-web spielt Animationen ab, die in Adobe After Effects erstellt und mit Bodymovin als JSON exportiert wurden. Der Player ist MIT; das Werkzeug zum Erstellen ist After Effects, und das ist nicht kostenlos. Manim, die Community-Ausgabe der Engine hinter den Videos von 3Blue1Brown, rendert Mathe-Erklärungen aus Python-Szenen direkt zu Video (MIT). Die Erklärung schreibst trotzdem du.

Bilder und generierte Clips

ComfyUI (GPL-3.0) führt Bild-, Video-, 3D- und Audiomodelle lokal in einem Node-Graphen aus: offene Modelle wie Wan, LTX-Video und HunyuanVideo und geschlossene über "Partner nodes". Du brauchst eine leistungsfähige GPU, und jedes Modell hat seine eigene Lizenz, getrennt von der von ComfyUI.

Stimme, Untertitel und Beats

CosyVoice ist ein Text-to-Speech-System für neun Sprachen und mehr als 18 chinesische Dialekte, mit Zero-Shot-Stimmklonen. Der Code steht unter Apache 2.0, ebenso die Fun-CosyVoice3-0.5B-Gewichte auf Hugging Face. Klone nur eine Stimme, die du verwenden darfst.

WhisperX transkribiert mit Zeitstempeln pro Wort (wav2vec2-Alignment) und schreibt .srt-Dateien. Es läuft auf der CPU, auch auf einem Mac, oder auf einer NVIDIA-GPU. Sprecherlabels brauchen ein Hugging-Face-Token und die Zustimmung zur Nutzervereinbarung des pyannote-Modells. Lies Namen und Zahlen Korrektur.

librosa (ISC) analysiert Audio; librosa.beat.beat_track ist ein Beat-Tracker auf Basis dynamischer Programmierung. Welche Schnitte auf diesen Beats liegen, entscheidest du.

Aufnahme, Schnitt und Kodierung

OBS Studio (GPL-2.0 oder später) nimmt auf, kombiniert Quellen, zeichnet auf und streamt; nutze es für Bildschirm-Demos und Aufnahmen von Personen vor der Kamera. LosslessCut (GPL-2.0) schneidet und verbindet Dateien ohne Neukodierung, mithilfe von FFmpeg; auf GitHub ist es kostenlos, und die App-Store-Versionen unterstützen den Entwickler. Es schneidet; Titel oder Effekte fügt es nicht hinzu. FFmpeg übernimmt die Kodierung unter fast allem oben Genannten. Es steht unter LGPL 2.1 oder später, und unter GPL, wenn es mit seinen optionalen GPL-Teilen gebaut wird.

Was der Stack dir überlässt

Zusammen rendern, vertonen, untertiteln und kodieren diese Werkzeuge. Du entscheidest trotzdem, was der Film sagt und wie lange jeder Beat steht, gestaltest den Ton, prüfst jede Zahl und jeden Namen auf dem Bildschirm gegen eine Quelle und richtest Node, Python, eine GPU und ein Frame-für-Frame-Rendering ein. Das ist der größte Teil der Arbeit.

Wo Motion Skills passt

Wir machen Motion Skills. Ein Komplettfilm-Skill ist ein Agent-Skill, der diese Pipeline für eine Art Film (einen Launchfilm, ein Erklärvideo, ein Datenvideo, einen Short) auf unserer Engine motion-skills ausführt, die MIT-lizenziert ist. Der Skill bringt Geschichte, Tempo und Prüfungen mit; die Engine erledigt den Rest:

  • Szenen und Bewegung: Ein Film ist HTML, CSS und GSAP (kostenlos unter GSAPs eigener "no charge"-Lizenz), jedes Frame eine Funktion der Zeit, Frame für Frame gerendert in dem Chrome, das du schon hast. 3D-Einstellungen nutzen Three.js auf der Uhr des Films.
  • Musik: eine Originalmusik, für den Film komponiert, mit Szenenwechseln auf dem Downbeat. mo beats findet die Beats in einem Track, den du mitbringst; mo music find sucht gemeinfreie Musik (CC0).
  • Stimme: Kokoro-Stimmen oder macOS-Stimmen auf deinem Rechner, oder ElevenLabs und HeyGen mit deinem eigenen API-Key.
  • Untertitel und Prüfungen: mo voice schreibt eine .srt und lässt mit --check whisper jeden Satz nachhören. mo check findet abgeschnittenen oder verdeckten Text, mo audit gleicht jede Zeile auf dem Bildschirm mit sources.md ab, und mo qa prüft den Render.
  • Export: FFmpeg kodiert MP4, MOV mit Alpha, WebM oder GIF; ein CapCut- oder 剪映-Entwurf und eine Foliensammlung sind ebenfalls möglich.

Blender oder ComfyUI ersetzt es nicht, und Avatare macht es nicht. Der Skill Motion Director ist mit einer Google-Anmeldung kostenlos und macht Filme von 10–20 Sekunden; Komplettfilm-Skills kosten je $4.90 oder sind in einem Plan enthalten (Preise, alle Skills). Weitere Werkzeuge, auch Browser-Apps, findest du unter Alternativen zu Claude Motion.

Fragen

Ist Remotion kostenlos?

Für Einzelpersonen, gewinnorientierte Firmen mit bis zu drei Beschäftigten, gemeinnützige Organisationen und zur Evaluierung ja, auch für kommerzielle Nutzung. Firmen ab vier Personen brauchen eine Company License, die auf remotion.pro verkauft wird. Seine Lizenz ist eine eigene, keine Open-Source-Lizenz.

Welche kostenlosen Werkzeuge machen Motion Graphics mit Claude Code?

Für Code, den dein Agent schreibt: Remotion mit seinen Agent-Skills, Three.js, Anime.js, Motion und Manim. Für den Rest des Films: CosyVoice für die Stimme, WhisperX für Untertitel, librosa für Beats, FFmpeg zum Kodieren. Ein kostenloser Skill, der den ganzen Film macht, ist Motion Director von Motion Skills.

Kann Claude 3D-Animationen machen?

Ja, über Code oder eine App. Dein Agent kann eine Three.js-Szene schreiben, mit Jolt für Physik und three-gpu-pathtracer für Licht, oder Blender über MCP for Blender steuern. So oder so: Prüfe Kamera, Licht und Render-Einstellungen.

Darf ich diese Werkzeuge kommerziell nutzen?

Die Lizenzen MIT, Zlib, ISC, BSD und Apache in dieser Liste erlauben es. Die GPL- und LGPL-Werkzeuge (Blender, ComfyUI, OBS, LosslessCut, FFmpeg) sind frei nutzbar; ihre Bedingungen spielen eine Rolle, wenn du die Software weitergibst. Remotion verlangt für Firmen ab vier Personen eine Company License.

Quellen

Dieser Leitfaden ist unabhängig. Wir sind mit keinem der hier genannten Projekte verbunden. Die Namen sind Marken ihrer Inhaber. Geprüft am 3. November 2026.