hyperframes
heygen-com · Apache-2.0 · 60.170 SterneHTML schreiben, Video rendern. Mit durchsuchbarer Timeline, deterministischen Frames und einem Studio zum Bearbeiten. Die Engine, auf der MotionKit aufbaut.
Verzeichnis · Stand: 10. Oktober 2026
Open-Source-Motion-Skills für Claude Code und Codex
Sie müssen niemanden bezahlen, um mit einem Coding-Agenten Videos zu erstellen. Hier finden Sie die wichtigsten Open-Source-Projekte, wofür sie sich eignen und unter welcher Lizenz sie veröffentlicht sind.
Dies sind unabhängige Projekte ihrer jeweiligen Autoren. MotionKit steht in keiner Verbindung zu ihnen und enthält keinen ihrer Codes. Wir verlinken sie, weil sie gut sind. Sternezahlen und Lizenzen entsprechen dem Stand auf GitHub am 10. Oktober 2026; prüfen Sie das Repository, bevor Sie sich auf eines von beiden verlassen.
Engines
Die Renderer, die Code in Video verwandeln. Die meisten der unten genannten Skills setzen auf einem davon auf.
remotion
remotion-dev · Remotion License · 63.004 SterneVideos mit React-Komponenten erstellen. Es gilt eine eigene Lizenz: kostenlos für Einzelpersonen und kleine Teams, kostenpflichtig für größere Unternehmen. Lesen Sie die Bedingungen daher vor der kommerziellen Nutzung.
Redaktionelle Looks und Erklärvideo-Looks
Papiertexturen, Ausschnitte und dokumentarisches Tempo.
vox-explainer-skill
CK42BB · MIT · 110 SterneEin Claude-Code-Skill, der aus einem Thema ein Erklärvideo im redaktionellen Stil erstellt: Skript, Keyframes, Animation, Sprecherstimme und Musik.
vox-style-animation
Cele-san · MIT · 2 SterneEin redaktioneller Motion-Graphics-Look als HyperFrames-Stilpaket, mit einer Methode, um einen Stil in ein eigenes Paket zu übernehmen.
Leslie-vox-style.skill
Ai-Leslie · MIT · 0 SterneCodex-Skills für dokumentarisches Storytelling, redaktionelle Collagen und Motion Graphics im Erklärstil.
motion-skill
LunaAI519 · MIT · 0 SterneMacht aus einem Referenzbild einen Kurzclip im Retro-Scrapbook-Stil und nutzt dafür Bild- und Videomodelle für die Frames. Mit integrierter Urheberrechtsprüfung. Dokumentation auf Chinesisch.
Handgezeichnete Animation und Charakteranimation
Wenn ein Diagramm gezeichnet aussehen soll oder eine Figur agieren muss.
ClaudeAnimationBase
JohnHeibel · MIT · 1.000 SterneEin Starterkit für handgemalte Cartoon-Animation mit p5.js: eine Figur mit 31 gespielten Emotionen und eine Anleitung für das Modell.
HandDraw-Skill
ToBeWin · MIT · 3 SterneEine deterministische Engine für handgezeichnete Videos auf Basis von SVG, Remotion und FFmpeg: Whiteboard-Erklärungen, Strich für Strich gezeichnet.
Produkt- und Launch-Videos
Shot-Rezepte, Storyboards und Promo-Formate.
video-shotcraft
Vincentwei1021 · Apache-2.0 · 11.138 SterneFilmische Produktvideos mit Remotion für Claude Code und Codex: eine große Bibliothek an Shot-Rezeptkarten und Bewegungsvorschauen.
make-awesome-video
NewTurn2017 · MIT · 4 SterneEin Regie-Workflow für Launch-Videos: Referenzen analysieren, drei Storyboards schreiben, Standbilder erstellen, rendern und anschließend Regienotizen geben.
brewreel
Finderchangchang · Apache-2.0 · 161 SternePromo-Videos im Hochformat aus einem Produkt-Briefing, ausgelegt für den Einsatz mit kostengünstigen Modellen. Rezepte nach Branche und eine Prüfung nach Werberecht. Dokumentation auf Chinesisch.
html-animation
acelera-agency · MIT · 9 SterneBildgenaue animierte Logos, Kinetic Typography und Markenvideos in einer einzigen HTML-Datei, anschließend als Video exportiert.
Prinzipien und Bausteine
Kein bestimmter Look, sondern das Wissen, das jeden Look gut in Bewegung bringt.
motion-design-skill
LottieFiles · MIT · 2.075 SterneMotion-Design-Prinzipien für KI-Agenten: Timing, Easing, Choreografie und die klassischen Animationsprinzipien, angepasst für Benutzeroberflächen.
skills
VideoZero · Apache-2.0 · 73 SterneEine Sammlung von Skills für strukturierte, diagrammartige Videoerzeugung auf Basis von Motion Canvas.
So wählst du aus
- Du möchtest einen bestimmten Look? Beginne mit einem Stil-Skill aus den Gruppen Editorial oder Handgezeichnet.
- Du möchtest das Handwerk verstehen? Lies zuerst den Skill mit den Motion-Design-Prinzipien. Er verbessert alles andere.
- Du baust dein eigenes? Wähle eine Engine. HyperFrames ist reines HTML und steht unter Apache-2.0; Remotion basiert auf React und hat eine eigene Lizenz.
Wo MotionKit ins Spiel kommt
MotionKit ist ein kostenpflichtiges Paket auf Basis von HyperFrames. Bezahlt wird das, was Open Source nicht kostenlos bietet: 24 fertige Stile mit je einem vollständigen Beispiel, interaktive Decks und PowerPoint aus denselben Inhalten, Guthaben für Sprachausgabe und gehostete Freigabe-Links. Wenn die kostenlosen Projekte oben für Sie ausreichen, nutzen Sie sie.
Kennen Sie ein Projekt, das hierher gehört? Schreiben Sie an support@motionforclaude.com.
Erstelle heute Abend dein erstes Motion-Video
Ein Befehl, dann gibst du deinem Agenten ein Dokument.