ZDEV-XXR/Videos mit Remotion erstellen

Diese Fähigkeit ermöglicht es KI-Agenten, programmatisch Videos mit Remotion zu erstellen und zu bearbeiten. Sie ist nützlich für die automatisierte Videoproduktion, Datenvisualisierung und die Erstellung dynamischer, codebasierter Animationen.

Was ist Videos mit Remotion erstellen?

Diese Fähigkeit befähigt KI-Agenten, Videos mit dem Framework Remotion zu generieren, das es ermöglicht, Videos mit React und CSS zu erstellen. Sie unterstützt gängige KI-Agenten-Plattformen wie Claude Code, Cursor und Codex. Die Fähigkeit automatisiert den gesamten Workflow: von der Projekteinrichtung über die Komposition von Szenen bis hin zum Rendern des endgültigen Videos. Entwickler können damit komplexe visuelle Inhalte, Daten-Dashboards und animierte Erklärvideos direkt aus Code erstellen, ohne manuelle Bearbeitung. Der Agent kümmert sich um die Installation der Abhängigkeiten, das Schreiben von Remotion-Kompositionen und die Ausführung der Build-Prozesse. Dies reduziert den Aufwand für die Videoproduktion erheblich und ermöglicht eine enge Integration mit bestehenden Codebasen und Datenquellen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ZDEV-XXR/make-videos-with-Remotion/tree/HEAD/.agents/skills/openspec-archive-change

Installed? Explore more Produktivität & Zusammenarbeit skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht Videos mit Remotion erstellen?

Erstelle und rendere programmatisch Videos mit dem Framework Remotion.

Überblick

Diese Fähigkeit ermöglicht es KI-Agenten, das Framework Remotion zu nutzen, um Videos vollständig aus Code zu generieren. Sie unterstützt:

  • Automatisierte Videoproduktion
  • Datenvisualisierung und Animationen
  • Dynamische, codebasierte Inhalte
  • Integration mit React und TypeScript

Verwendung

  1. Projekt einrichten – Installiere die Abhängigkeiten (@remotion/cli, remotion, react, react-dom).
  2. Komposition definieren – Erstelle eine Remotion-Komposition mit Szenen und Animationen.
  3. Video rendern – Führe den Render-Befehl aus (npx remotion render <Komposition> <Ausgabedatei>).
  4. Ergebnisse überprüfen – Das gerenderte Video steht im angegebenen Pfad zur Verfügung.

Plattformen

  • Claude Code
  • Cursor
  • Codex
  • Andere KI-Agenten mit Terminalzugriff

Beispiel

npx create-video my-video
cd my-video
npm install
npx remotion render HelloWorld out/hello.mp4

Konfiguration

  • Standard-Komposition: HelloWorld (oder benutzerdefiniert)
  • Ausgabeverzeichnis: out/
  • Framerate: 30 fps (oder anpassbar)
  • Auflösung: 1920x1080

Individual skills in this repo

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

Verwandte Skills