102.3K+Download
Zur Nutzungsanleitung springen
Remotion Createvon remotion-dev

Remotion Create Skill.

Von einem Video-Briefing zum passenden Projekt und zur richtigen Kompositionsstruktur, ohne die Vorschau bis zum Schluss aufzuschieben.

  • Video
  • React
OpenDesign herunterladenNutzungsanleitung ansehen
Quellenprüfung · Remotion CreateSKILL.md
Aufgabe Video Ergebnis • Ein neues oder wiederverwendetes Remotion-Projekt • Eine registrierte Komposition mit passenden Videoeinstellungen • Eine laufende Studio-Vorschau für iterative Überprüfung Vor dem Start Node.js, Git, Paketinstallation, Remotion Studio und die zugehörigen Referenzen zu Komposition und Layout.
Redaktionelle Zusammenfassung · Quelle geprüft 2026-10-07 · kein generiertes Beispiel

01 Funktionen

Remotion Create: Ein Videoprojekt starten

Ein sicherer Workflow für Scaffolding und frühe Vorschau, der ein neues Video an die passende Kompositions- und Bearbeitungsanleitung weiterleitet.

Workflow auf QuellenbasisKein Ausführungs-Benchmark

Die Arbeitsweise

Remotion Create übernimmt die Anfangsphase eines neuen Remotion-Videos: das Ziel prüfen, nur bei Bedarf ein Grundgerüst anlegen und Studio öffnen, sobald das Projekt lauffähig ist. Bestehende Projekte werden wiederverwendet, statt mit einem weiteren Starter überschrieben zu werden.

Nach dem Setup leitet es die Aufgabe nach Videostruktur weiter. Eine Folge bearbeitbarer Medienclips, eine Komposition aus mehreren Szenen und eine einfache eigenständige Szene erfordern unterschiedliche Entscheidungen beim Aufbau. Der Skill verweist auf diese Referenzen, bevor Timeline-Code geschrieben wird, und lenkt spätere Änderungen auf die umfassendere Remotion-Best-Practice-Anleitung.

Erwartete Ergebnisse

  • Ein neues oder wiederverwendetes Remotion-Projekt
  • Eine registrierte Komposition mit passenden Videoeinstellungen
  • Eine laufende Studio-Vorschau für iterative Überprüfung
Beispiel-Briefing ansehen

Vom Briefing zur Überprüfung

  1. 01
    Das Ziel prüfen

    Prüfe, ob bereits ein Projekt und relevante Dateien vorhanden sind. Verwende einen neuen Unterordner, wenn der gewählte Ort bereits belegt ist.

  2. 02
    Grundgerüst und Vorschau

    Lege den leeren Starter nur bei Bedarf an, installiere seine Abhängigkeiten und öffne Studio, bevor du die Komposition baust.

  3. 03
    Videostruktur wählen

    Stelle fest, ob das Briefing unabhängig bearbeitbare Clips, mehrere Szenen oder eine einzelne Komposition erfordert, und folge den entsprechenden Referenzen.

02 Einsatzbereiche

Wann es sinnvoll ist

Node.js, Git, Paketinstallation, Remotion Studio und die zugehörigen Referenzen zu Komposition und Layout.

Gut geeignet

  • Ein erstes Remotion-VideoNützlich, wenn die Aufgabe neben der ersten Komposition auch das Projekt-Setup umfasst.
  • Sichtbare IterationEine frühe Studio-Vorschau erlaubt es, das Video mitzusteuern, während der Agent es noch baut.

Grenzen, die du prüfen solltest

  • Nicht jede FolgeaufgabeDie Quelle versteht dies als Einstiegspunkt für die Erstellung; spätere Änderungen werden an die umfassendere Remotion-Anleitung verwiesen.
  • Keine automatische BereinigungRelevante versteckte Dateien und ein bestehendes Repository sind kein überflüssiger Starter-Ballast.

Diese Eingaben mitbringen

  • ProjektortGib den vorgesehenen Ordner an und vermerke, ob er bereits ein Remotion-Projekt enthält.
  • Video-BriefingBeschreibe Botschaft, Dauer, Seitenverhältnis sowie Szenen- oder Clipstruktur.
  • QuellmaterialLiefere Filmmaterial, Audio, Bilder und ein gewünschtes Styling-Framework.

03 Wichtige Entscheidungen

Entscheidende Punkte

  1. Die Vorschau kommt früh

    Der Prozess stellt einen echten Video-Arbeitsbereich bereit, bevor die kreative Umsetzung abgeschlossen ist.

  2. Struktur folgt dem Bearbeitungsbedarf

    Unabhängige Clips werden als separate Knoten angelegt, wenn sie in Studio unabhängig bearbeitet werden sollen.

04 Beispielbriefing

Mit einem fokussierten Briefing testen

Das folgende Beispiel-Briefing wurde nicht getestet. Prüfe vor der Verwendung das Setup des Skills.

Setup prüfen

Lade den vollständigen Skill samt verlinkter Referenzen. Der dokumentierte Befehl create-video erstellt ein Videoprojekt; er ist kein Befehl zur Skill-Installation.

Quelldatei im Upstream
https://github.com/remotion-dev/skills/blob/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-create/SKILL.md

Node.js, Git, Paketinstallation, Remotion Studio und die zugehörigen Referenzen zu Komposition und Layout.

Mit einem Ergebnis beginnen

Passe Umfang, Quellmaterial und Vorgaben in diesem Briefing an, bevor du den Skill ausführst.

Beispiel-Briefing
Nutze Remotion Create, um in einem neuen Unterordner dieses Workspace ein 20-sekündiges Produkt-Walkthrough zu starten. Prüfe zuerst den Ordner und erhalte vorhandene Dateien. Öffne nach dem Scaffolding Studio und plane dann drei Szenen anhand der bereitgestellten Screenshots. Behalte jeden unabhängig bearbeitbaren Clip als eigenen JSX-Knoten bei.

Ergebnis prüfen

Prüfe die tatsächliche Ausgabe anhand dieser beobachtbaren Kriterien.

  • Vorhandene relevante Dateien bleiben unverändert.
  • Studio öffnet sich vor umfangreicher Arbeit an der Komposition.
  • Kompositionseinstellungen und Szenenstruktur entsprechen dem Briefing.

OpenDesign bietet einen lokalen Design-Workspace für Coding-Agenten. Diese Auflistung bedeutet nicht, dass der Skill mitgeliefert wird oder dass externe Tools, Zugangsdaten und Softwareabhängigkeiten enthalten sind.

OpenDesign herunterladenQuickstart lesen

05 Quelle und Lizenz

Quelle und Lizenz

Diese Seite beschreibt die unten verlinkte, festgelegte Quellrevision. Verhalten und Anforderungen im Upstream können sich ändern.

Quellinhaber
remotion-dev
Repository
remotion-dev/skills
Skill-Datei
skills/remotion-create/SKILL.md
Lizenz
Nicht bestätigt – prüfe vor einer Wiederverwendung die Upstream-Bedingungen.
Geprüfter Stand
2026-10-07 · 32b241b97f4e
Redaktionelle Quellenzusammenfassung
Ein sicherer Workflow für Scaffolding und frühe Vorschau, der ein neues Video an die passende Kompositions- und Bearbeitungsanleitung weiterleitet.

Originalzusammenfassung von OpenDesign auf Basis der verlinkten Quelle. Repository-Sterne sind ein datiertes Beliebtheitssignal, keine Skill-Nutzung und keine Qualitätsbewertung.

06 Fragen vor dem Start

Fragen vor dem Start

Wird ein weiteres Projekt in einem bestehenden angelegt?

Laut Anleitung wird das Scaffolding übersprungen, wenn bereits ein Projekt existiert.

Ist Tailwind verpflichtend?

Nein. Der gezeigte Starter-Befehl ist leer und ohne Tailwind; eine separate Referenz behandelt Tailwind, wenn es gewünscht ist.

Kann ich einzelne Clips in Studio bearbeiten?

Die Anleitung zur Erstellung sieht separate JSX-Knoten für Clips vor, die unabhängig bearbeitet werden sollen; weitere Timeline-Regeln stehen in der Referenz zur Videobearbeitung.

OpenDesign

Schaffe Raum für die nächste Design-Iteration.

Halte Briefing, Quellmaterial und Designarbeit in einem lokalen Workspace zusammen. Prüfe das Setup des Skills, bevor du ihn in deinen Workflow aufnimmst.

OpenDesign herunterladenDesign-Skills durchsuchen
Quelldatei im Upstream
https://github.com/remotion-dev/skills/blob/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-create/SKILL.md