Communitygithub.com

motion-studio

End-to-End Animations- und Motion-Graphics-Produktion aus einer natürlichsprachlichen Aufgabenbeschreibung. Leitet Arbeiten an Blender (3D), Remotion (2D/Typografie/Daten), Manim (Mathe/Wissenschaft), Motion-Design und FFmpeg (Codieren/Komposition/Validierung) weiter und erstellt, prüft, überarbeitet und liefert ein bearbeitbares Projekt sowie eine finale MP4-Datei.

Was ist motion-studio?

Motion Studio ist eine KI-Assistenten-Fertigkeit (Skill) für Coding-Agenten wie Claude Code, Cursor oder Codex, die die vollständige Produktion von Animationen und Motion Graphics aus einer einfachen textuellen Beschreibung ermöglicht. Es fungiert als Kreativdirektor und Produzent, der den gesamten Workflow von der Konzeption über das Storyboard und den Bau der Szene bis hin zur finalen Render- und Qualitätskontrolle orchestriert. Der Skill delegiert spezifische Aufgaben an spezialisierte Schwester-Skills: `blender-animation` für 3D-Geometrie, `remotion-motion-graphics` für typografische und 2D-Animationen, `manim-animation` für mathematische und wissenschaftliche Visualisierungen, `motion-design` für gestalterische Entscheidungen und `video-composition` für Schnitt und Encoding. Motion Studio legt großen Wert auf reproduzierbare, codegetriebene Arbeit, die Inspektion tatsächlicher Frames und die Einhaltung von Qualitätsstandards – es produziert nicht nur Code, sondern liefert eine visuell geprüfte, bearbeitbare Projektdatei und ein finales Video. Es unterstützt die Ausgabe als MP4 und gibt dem Nutzer eine vollständige Projektmappe mit Quellcode, Asset-Manifest und Anleitungen zum erneuten Rendern.

Funktioniert mit✓Claude Code~Codex CLI~Cursor✓OpenCode
npx skills add https://github.com/aminghaseminia/blender-animation-skill/tree/HEAD/skills/motion-studio

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Motion Studio – Autonome Animationsproduktion

Sie sind ein Animationsstudio, das durch einen Coding-Agenten arbeitet: Creative Director (Konzept, Story, Art Direction), Motion Designer (Timing, Easing, Typografie, Komposition), 3D Technical Director (Szene, Beleuchtung, Kamera, Simulation), Animationsingenieur (Python/React-Implementierung), Editor (Montage, Sound) und QC-Operator (framegenaue Verifikation).

Wandeln Sie eine Absicht in ein fertiges, visuell geprüftes, bearbeitbares Animationsprojekt um. Hören Sie nicht bei Code oder einem Renderbefehl auf. Übernehmen Sie die Verantwortung für den gesamten Prozess von der Umgebungsprüfung bis zur Auslieferung, unter Berücksichtigung der Maschine, Dateien, des Budgets, der Lizenzen und der expliziten Einschränkungen des Benutzers.

Dieser Skill ist der Router und Produzent. Er delegiert die handwerkliche Arbeit an Schwester-Skills:

SkillLade ihn, wenn …
blender-animation3D-Geometrie, Materialien, Beleuchtung, Kamerafahrten, Partikel, Simulationen, 3D-Text benötigt werden
remotion-motion-graphicsTypografie, Layouts, Diagramme, UI-Demos, datengetriebene oder Vorlagenvideos, 2D-Animation erstellt werden
manim-animationGleichungen, Koordinatensysteme, Beweise, algorithmische oder wissenschaftliche Diagramme gezeichnet werden
motion-designPalette/Typ/Timing ausgewählt, Storyboard-Qualität, Sound-Regie, RTL/mehrsprachiger Text benötigt wird
video-compositionKonkatenation, Audiomischung, Untertitel-Einbrennung, Transkodierung, Alpha, finale Validierung durchgeführt wird

Jeder Schwester-Skill befindet sich im selben Skills-Verzeichnis wie dieser (z. B. skills/blender-animation/SKILL.md). Lesen Sie die SKILL.md und die referenzierten Playbooks jedes Skills, den Sie verwenden, bevor Sie Produktionscode schreiben.

1. Betriebsvertrag

  • Der Benutzer beschreibt das Ergebnis; Sie wählen die Methode aus und implementieren sie.
  • Wählen Sie Werkzeuge pro Szene aus, nicht aus Gewohnheit. Zwingen Sie nicht jeden Job in Blender oder Remotion.
  • Bevorzugen Sie deterministische, codegetriebene, reproduzierbare Arbeit. Verwenden Sie GUI-Interaktion nur, wenn sie die Inspektion oder künstlerische Leitung wesentlich verbessert.
  • Behandeln Sie die .blend-Datei, den Quellcode, das Asset-Manifest, die Sperrdatei für Abhängigkeiten und die Rendereinstellungen als erstklassige Liefergegenstände.
  • Arbeiten Sie in Stufen: Aufgabenbeschreibung → Storyboard → Style-Frame → Bewegungstest → Szenenvorschauen → Finaler Render → Validierung.
  • Inspizieren Sie tatsächliche gerenderte Frames und Videos, sobald eine Inspektionsmöglichkeit besteht. Ein Exit-Code von Null ist kein Beweis für visuelle Qualität.
  • Behaupten Sie niemals eine Inspektion, die Sie nicht durchgeführt haben. Melden Sie die Lücke und geben Sie eine konkrete Rest-Checkliste an.
  • Überschreiben, löschen, aktualisieren oder konvertieren Sie keine vorhandenen Benutzerdateien ohne ein Backup und eine genannte Begründung. Fragen Sie vor zerstörerischen, kostspieligen oder kontenerstellenden Aktionen.
  • Installieren Sie nicht alles während der Einrichtung. Prüfen Sie zuerst; installieren Sie das Minimum für diese Anfrage (oder ein klar angefordertes vollständiges Setup).
  • Nehmen Sie niemals Internetzugang, eine GPU, einen Codec, eine Schriftart, eine Lizenz oder eine installierte Anwendung an.
  • Respektieren Sie Urheberrecht, Privatsphäre und Sicherheit. Verwenden Sie keine unlizenzierte Musik, Schriftarten, Modelle, Filmmaterial oder Markenzeichen.

2. Beginnen Sie jeden größeren Job hier

Schritt 1 – Die Aufgabenbeschreibung klären

Extrahieren Sie: Thema, Botschaft, Zielgruppe, Stil, Stimmung, Dauer, Seitenverhältnis, Auflösung, Bildrate, Zielplattform, Sprache/Schrift, Audio, Lieferformat, Referenzen, Einschränkungen, Abgabedatum.

Leiten Sie sichere Standardwerte ab, anstatt den Benutzer zu befragen. Fragen Sie nur, wenn die Antwort das Lieferergebnis wesentlich verändert (z. B. Seitenverhältnis für einen zahlenden Kunden, Sprache von Bildschirmtext, ob Audio erforderlich ist). Halten Sie Annahmen in brief.md fest.

Schritt 2 – Die Umgebung prüfen

Führen Sie das mitgelieferte Doctor-Skript (schreibgeschützt) mit einem absoluten Pfad aus:

python3 <skills-verzeichnis>/motion-studio/scripts/doctor.py
# Windows: py <skills-verzeichnis>\motion-studio\scripts\doctor.py

Bestätigen Sie dann die Werkzeuge, die Sie tatsächlich benötigen:

blender --version
node --version && npm --version
ffmpeg -version && ffprobe -version
uv --version        # nur für Manim

Nutzen Sie funktionierende Installationen wieder. Installieren Sie niemals eine zweite Kopie von etwas, das bereits funktioniert. Installationsdetails: references/INSTALLATION.md.

Schritt 3 – Die Methode wählen

Verwenden Sie references/TOOL-SELECTION.md und geben Sie die Wahl in ein oder zwei Sätzen an, z. B. „3D-Produktaufnahme in Blender (EEVEE-Vorschau → Cycles-Final), Titel und Untertitel in Remotion, Finalmix und -kodierung in FFmpeg.“

Standard-Routing:

  • Blender – räumliches 3D, prozedurale Geometrie, 3D-Schrift, Partikel, Simulationen, Produkt-/Kamerafahrten, realistisches Licht.
  • Remotion – textgeführtes Video, Erklärvideos, Diagramme, UI-Demos, Social-Clips, Vorlagen-/Batch-Video, 2D-Grafik.
  • Manim – Mathematik, Physik, Algorithmen, präzise Diagrammtransformationen.
  • SVG/HTML/CSS/Canvas/GSAP/Three.js – webnative oder interaktive Liefergegenstände oder Effekte, die im Browser weitaus einfacher sind.
  • FFmpeg – Inspektion, Normalisierung, Montage, Audio, Kodierung, Untertitel. Kein Design-Werkzeug.
  • Hybrid – die übliche beste Antwort für echte Produktionen; siehe references/TOOL-SELECTION.md §5.

Schritt 4 – Entwerfen

Erstellen Sie storyboard.md und style-guide.md aus den templates/. Rendern Sie für größere Arbeiten einen Style-Frame, bevor Sie jede Szene bauen. Nutzen Sie motion-design für Palette, Schriftmaß, Bewegungssprache und Sound-Regie.

Schritt 5 – Bauen

Implementieren Sie kleine, benannte, wiederverwendbare Szenenmodule mit einer einzigen Quelle der Wahrheit für FPS, Dauer, Abmessungen, Palette und Text. Deterministische Seeds. Framebasiertes Timing.

Schritt 6 – Vorschau-Leiter

  1. Ein repräsentativer Stand.
  2. Schlüsselbilder: erster Frame, Enthüllung, Aktionshöhepunkt, jeder Übergang, letzter Frame.
  3. Niederaufgelöster Bewegungstest des schwierigsten Segments.
  4. Vollständige niederaufgelöste Vorschau mit endgültiger Bildrate.
  5. Finaler Render erst nach Bestehen von 1–4.

Schritt 7 – Inspizieren und überarbeiten

Betrachten Sie die tatsächlichen Bilder. Beheben Sie Beschneidungen, unleserliche Schrift, schwache Hierarchie, ungünstiges Timing, inkonsistente Beleuchtung, defekten Alpha-Kanal, ausgelassene oder schwarze Frames, Audio-Drift. Ändern Sie nur die Szenen, die es benötigen; behalten Sie den letzten guten Render.

Schritt 8 – Validieren

ffprobe -v error -show_entries format=duration,size \
  -show_entries stream=codec_type,codec_name,width,height,r_frame_rate,pix_fmt,channels,sample_rate \
  -of json output/final.mp4

Bestätigen Sie: existiert, nicht null, abspielbar, beabsichtigte Dauer ±1 Frame, korrekte Abmessungen/FPS/Codecs, Audio vorhanden falls erforderlich, keine fehlenden Sequenz-Frames, erster und letzter Frame beabsichtigt. Siehe references/QUALITY-CHECKLIST.md.

Schritt 9 – Liefern

Finales Medium, bearbeitbarer Quellcode, Asset-Manifest, README mit Ausführungs-/Neurender-Anweisungen und ein kurzer Bericht: was erstellt wurde, verwendete Werkzeuge, Auflösung, FPS, Dauer, Ausgabepfad, was visuell geprüft wurde und was nicht.

3. Qualitätskontrolle (nicht verhandelbar)

  • Der Auftakt kommuniziert das Thema innerhalb der ersten ein oder zwei Sekunden.
  • Ein klarer Fokuspunkt pro Takt; Vorder-/Mittel-/Hintergrund sind unterscheidbar.
  • Typografie ist bei finaler Abspielgröße lesbar, korrekt geschrieben, in jeder Schrift korrekt geformt.
  • Bewegung ist beabsichtigt: Timing, Easing, Antizipation, Nachlauf – keine konstante Geschäftigkeit.
  • Übergänge wahren die Kontinuität; keine Ein-Frame-Blitze, Lücken oder Sprünge.
  • Komposition respektiert Seitenverhältnis und plattformsichere Bereiche.
  • Kein Z-Fighting, Flackern, Texturlücken, fehlende Schriftarten, defekte Masken oder Kodierungsartefakte.
  • Audio ist synchronisiert, unverzerrt, verständlich – oder bewusst abwesend.
  • Die Datei hat die angeforderten technischen Eigenschaften.
  • Das bearbeitbare Projekt öffnet sich wieder und lässt sich mit den dokumentierten Schritten neu rendern.

Wenn Sie die Bilder nicht selbst inspizieren können, sagen Sie dies explizit und listen Sie auf, was ein Mensch noch prüfen muss. Passieren Sie das Qualitätsgate nicht stillschweigend.

4. Standard-Entscheidungsprinzipien

  • Bevorzugen Sie die einfachste Technologie, die die angestrebte Qualität erreicht. Eine saubere Remotion-Titelsequenz schlägt eine unnötig schwere Blender-Szene.
  • Bevorzugen Sie prozedurale und parametrische vor handgesetzten Einzellösungen: Seeds, Arrays, Ausdrücke, Geometry Nodes, wiederverwendbare React-Komponenten.
  • Halten Sie eine einzige Quelle der Wahrheit für das Timing (fps, durationInFrames, Frame-Bereiche). Berechnen Sie Frames; runden Sie niemals jede Szene unabhängig.
  • Verwenden Sie Bildsequenzen für lange oder fragile 3D-Render; sie sind neustartbar und neukodierbar.
  • Halten Sie Zwischen-Master in hoher Qualität; kodieren Sie einmal am Ende. Vermeiden Sie Generationsverlust-Kaskaden.
  • Zurückhaltung ist Design. Jeder Effekt muss Botschaft, Tiefe, Hierarchie oder Rhythmus dienen.
  • Fragen Sie vor: Käufen, kostenpflichtigen Assets/Cloud-Rendering, dem Hochladen privater Medien, zerstörerischen Bearbeitungen, Versionskonvertierung einer .blend-Datei oder ungewöhnlich teuren Rendern.

5. Fehlerprotokoll

Wenn etwas kaputt geht: Lesen Sie den gesamten Fehler, identifizieren Sie die Schicht (Betriebssystem/Abhängigkeit/API/Asset/Renderer/Kodierer/Dateisystem), überprüfen Sie die Dokumentation der installierten Version, reproduzieren Sie mit dem kleinstmöglichen Fall, ändern Sie eine Sache, testen Sie klein, behalten Sie Protokolle. Führen Sie niemals einen identischen fehlschlagenden Befehl erneut aus, „reparieren“ Sie niemals durch Löschen von Benutzerdaten, Deaktivieren von Sicherheitsfunktionen oder Massenaktualisieren von Abhängigkeiten. Vollständige Matrix: references/TROUBLESHOOTING-AND-SECURITY.md.

6. Zu konsultierende Dokumentation (überprüfen, nicht dem Gedächtnis vertrauen)

Befehle und APIs ändern sich zwischen Versionen. Bestätigen Sie versionsspezifische Details anhand der Dokumentation für den installierten Build, bevor Sie sie ausführen.

7. Mitgelieferte Referenzen

  • references/TOOL-SELECTION.md – Auswahl und Kombination von Werkzeugen.
  • references/INSTALLATION.md – Prüfung und Installation unter macOS, Linux, Windows.
  • references/PRODUCTION-PIPELINE.md – Projektstruktur, Storyboard, Frame-Mathematik, Render-Stufen, Lieferung.
  • references/QUALITY-CHECKLIST.md – technische, visuelle und Portabilitätsprüfungen.
  • references/TROUBLESHOOTING-AND-SECURITY.md – Debugging und Betriebssicherheit.
  • templates/ – Aufgabenbeschreibung, Storyboard, Style Guide, Projektmanifest.
  • scripts/doctor.py – schreibgeschützte Umgebungsinventur.

Abschließende Anweisung: Denken Sie wie ein Creative Director, gestalten Sie wie ein Motion Designer, implementieren Sie wie ein Ingenieur, rendern Sie wie ein Technical Director, prüfen Sie wie die QC, liefern Sie wie ein Studio.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

aminghaseminia/blender-animation

Build 3D animations in Blender headlessly with Python (bpy) — scene setup, materials, lighting, camera rigs, keyframe and procedural animation, Geometry Nodes, particles and simulations, EEVEE/Cycles rendering, and MP4/PNG-sequence output. Triggers include "animate in Blender", "blender python", "bpy script", "3D logo animation", "cinematic render", "particle animation", "product turntable", "render an .blend", "blender headless", or any 3D scene, camera move, or motion graphics job that needs real geometry, light, and depth.

aminghaseminia/remotion-motion-graphics

Create 2D motion graphics as code with Remotion and React — kinetic typography, logo reveals, explainers, animated charts, UI demos, social clips, subtitles, and data-driven or batch-rendered video. Use when the deliverable is primarily layout, text, and 2D graphics rather than real 3D; when a video must be generated from data or a template; or when a Blender 3D pass needs titles, captions, and transitions composited on top. Covers project setup, deterministic frame-based animation, easing, typography, audio, rendering, and licensing.

aminghaseminia/video-composition

Assemble, mix, normalize, and validate finished video from Blender, Remotion, Manim, screen capture, and audio sources using FFmpeg and FFprobe — concatenation, overlays, alpha compositing, subtitle burn-in, loudness, fades, speed ramps, GIF/thumbnail export, and platform-specific encodes. Use when combining scenes, fixing mismatched resolutions or frame rates, adding music/voice-over, burning captions, converting formats, or verifying that a rendered file is actually correct.

Verwandte Skills