Remotion Motion Director

Was macht Remotion Motion Director?

Verwenden Sie diese Fähigkeit, wenn Videoqualität genauso wichtig ist wie Codequalität. Sie wurde entwickelt, um polierte Bewegungsarbeit mit expliziter kreativer Begründung zu liefern – nicht nur „funktionierende Animationen".

Verwendungszweck

• Der Benutzer fragt nach Premium-, markengeführten Remotion-Videos.
• Der Benutzer benötigt präzise Stilsteuerelemente, die über generische Vorlagen hinausgehen.
• Das Projekt benötigt Storyboard-erst-Ausführung und iterative Kritikschleifen.
• Die Anfrage erwähnt Apple-ähnliche Politur, filmische Bewegung oder hochwertiges Werbegefühl.

Nicht verwenden

• Einmalige technische Korrekturen ohne Designrichtungsbedarf.
• Anfragen, Apple-Markenzeichen, Produktaufnahmen oder Werbeskripte exakt zu kopieren.

Erforderlicher Arbeitsablauf

1. Erfassen von Einschränkungen:
   • Laden Sie references/brand-control-schema.md.
   • Füllen Sie fehlende Eingaben mit expliziten Annahmen, falls der Benutzer sie nicht bereitstellt.
2. Kreative Richtung festlegen:
   • Laden Sie references/motion-direction-principles.md.
   • Wählen Sie ein primäres Bewegungsprofil und ein Ausweichprofil aus.
3. „Inspiriert, nicht kopiert"-Schutzmaßnahmen anwenden:
   • Laden Sie references/apple-inspired-not-copied.md.
4. Planen vor dem Programmieren:
   • Erstellen Sie ein Szenen-für-Szenen-Storyboard mit Timing und Absicht.
5. In Remotion bauen:
   • Laden Sie references/remotion-implementation-map.md.
   • Ordnen Sie Szenen den Grundtypen Composition, Sequence und Timing zu.
6. Kritisieren und verfeinern:
   • Laden Sie references/production-rubric.md.
   • Bewerten Sie die Ausgabe, listen Sie Lücken auf und führen Sie mindestens einen Verbesserungsdurchlauf durch.

Ausgabe-Vertrag

Geben Sie immer diese Artefakte zurück:

1. Creative Direction Brief (Botschaft, Zielgruppe, visuelles Versprechen).
2. Marken- und Bewegungskontrollblatt (Tokens und Einstellungen).
3. Storyboard mit Szenen-Timing.
4. Build-Notizen (welche Komponenten/Animationen implementieren jede Szene).
5. QA-Bewertungsergebnis plus nächste Iterations-Deltas.

Wiederverwendbare Vorlagen

Verwenden Sie diese, bevor Sie benutzerdefinierte Dateien von Grund auf neu erstellen:

• assets/storyboard-template.md
• assets/motion-tokens-template.ts
• assets/scene-template.tsx
• assets/remotion-root-template.tsx
• assets/qa-scorecard-template.md

Starter-Beispiel

Für eine ausführbare Referenzimplementierung siehe:

• examples/motion-director-starter/README.md

Dieser Starter zeigt, wie Storyboard und Bewegungstokens in eine minimale Remotion-Projektstruktur eingebunden werden.

Qualitätsmaßstab

• Bevorzugen Sie Klarheit vor Komplexität.
• Verwenden Sie Bewegung, um Hierarchie zu enthüllen, nicht um alles zu dekorieren.
• Halten Sie das Timing absichtlich: Vermeiden Sie Überbearbeitung und ständige Bewegung.
• Bevorzugen Sie Konsistenz in den Systemen für Abstände, Typografie und Timing.
• Respektieren Sie Barrierefreiheit (Kontrast, reduzierte Bewegungsoptionen, Textlesbarkeit).
• Wenn Einschränkungen fehlen, deklarieren Sie Standardwerte und fahren Sie fort, anstatt zu blockieren.

Verwandte Fähigkeiten

• remotion-best-practices: technische Remotion-Korrektheit.
• create-remotion-geist: Vercel/Geist visuelle Sprache.
• remotion-ads: soziale Sicherheitszonen und Kampagnenbeschränkungen.
• elevenlabs-remotion: Sprach-Pipeline für erzählungsgeführte Schnitte.

Versionierung

• Folgen Sie semantischer Versionierung in references/versioning-policy.md.
• Zum Hochzählen der Versionen führen Sie scripts/bump-version.sh aus.