---

Was ist Remotion?

Remotion ist ein Open-Source-Framework, mit dem du Videos in React schreibst. Statt Timelines und Drag-and-Drop arbeitest du mit Code — Szenen, Animationen und Layouts sind React-Komponenten. Das Ergebnis wird als MP4 gerendert.

Warum das spannend ist: Wenn Video = Code ist, kann eine KI wie Claude den gesamten Erstellungsprozess übernehmen.

Was du brauchst

• Claude Code (im Terminal oder über Cursor/VS Code)
• Node.js (für npm)
• Ein Code-Editor (VS Code, Cursor o.ä.)
• Remotion Skills für Claude (werden im ersten Schritt installiert)

Schritt-für-Schritt-Anleitung

1. Remotion Skills installieren

Die Remotion Skills sind eine Sammlung von Prompts, die Claude beibringen, wie Remotion korrekt genutzt wird — quasi ein Expertenwissen-Paket.

• Kopiere den Installationsbefehl aus dem Remotion-Skills-Repo und füge ihn im Terminal ein.
• Wähle den Agenten aus, den du nutzt (z.B. Claude Code).
• Wähle als Scope global, damit die Skills in allen Projekten verfügbar sind.

2. Neues Remotion-Projekt erstellen

• Navigiere im Terminal in deinen gewünschten Projektordner.
• Starte ein neues Remotion-Projekt (ähnlich wie npx create-video@latest).
• Wähle blank als Template.
• Bestätige die folgenden Fragen mit Yes.

3. Projekt aufräumen (optional)

Lösche nicht benötigte Dateien aus dem generierten Projekt — z.B. Konfigurationen für andere KI-Tools, die du nicht nutzt.

4. Lokalen Dev-Server starten

Öffne ein Terminal in deinem Editor und führe aus:

npm install
npm run dev

Danach öffnet sich der Remotion Video-Editor im Browser unter localhost:3000. Hier siehst du eine Timeline, eine Vorschau und deine Assets.

5. Claude Code starten und briefen

Starte Claude Code und gib ihm Kontext:

Ich habe Remotion installiert. Lies dir bitte die Remotion Skills
durch und mach dich mit dem Setup vertraut, bevor wir starten.

Damit stellt Claude sicher, dass es die Remotion-Konventionen kennt, bevor es Code schreibt.

6. Video im Plan Mode prompten

Schalte Claude in den Plan Mode — so siehst du erst die Struktur, bevor Code geschrieben wird.

Beispiel-Prompt:

Erstelle ein 20-sekündiges Video, das die wichtigsten Features
dieser GitHub-Repo erklärt: [URL einfügen]

Claude erstellt dann einen Plan mit Szenen, Timing und Animationen.

Pro-Tipp: Frag danach explizit: „Hast du alle Remotion Skills genutzt?" — damit stellst du sicher, dass Claude das volle Skill-Set anwendet.

Wenn der Plan passt → Befehl geben, mit dem Coden zu starten.

7. Video ansehen und iterieren

Öffne localhost:3000 im Browser. Du siehst:

• Oben: Video-Vorschau
• Unten: Timeline mit allen Szenen
• Links: Asset-Panel

Das erste Ergebnis wird selten perfekt sein — das ist normal. Gib Claude gezielte Korrekturen:

In Szene 3 überlappen sich die Textboxen. Bitte den Abstand
zwischen Titel und Beschreibung vergrößern.

Der Editor aktualisiert sich nach jeder Änderung automatisch (Hot Reload).

Eigene Assets einbinden:

• Ziehe Screenshots, Logos oder Grafiken ins Asset-Panel (links im Editor)
• Oder lade sie direkt in Claude Code hoch und weise Claude an, sie einzubauen
• Du kannst Claude auch bitten, passende visuelle Elemente aus dem Internet zu suchen

8. Rendern und exportieren

Wenn alles passt: Klicke im Editor unten rechts auf Render. Nach dem Rendern kannst du das Video als MP4 herunterladen.

Typischer Workflow (Zusammenfassung)

1. Skills installieren → Projekt erstellen → Dev-Server starten
2. Claude briefen → Plan Mode aktivieren → Prompt eingeben
3. Plan prüfen → Coden lassen → Video im Browser ansehen
4. Iterieren (Szenen anpassen, Assets hinzufügen)
5. Rendern → MP4 exportieren

Tipps für bessere Ergebnisse

• Immer Plan Mode zuerst — so vermeidest du, dass Claude in die falsche Richtung codet
• Sei spezifisch bei Korrekturen — nenne die genaue Szene, den Frame oder das Element
• Nutze eigene Assets — Screenshots, Logos und Grafiken machen Videos deutlich professioneller
• Skill-Check nicht vergessen — die Nachfrage, ob alle Skills genutzt wurden, macht einen echten Unterschied
• Iteriere in kleinen Schritten — lieber 5 kleine Anpassungen als ein komplett neuer Prompt