AY Automate Kontext
Primärer Anwendungsfall: LinkedIn-Videoinhalte für die Vordenkerrolle von AY Automate.
Typische LinkedIn-Videoformate
- Vordenker-Clips (15-45 Sek.): Kontroverse Standpunkte, KI-Agenten-Demos, Build-in-Public-Updates
- Tutorial-Walkthroughs (60-90 Sek.): n8n-Workflow-Demos, Erklärungen zur Agentenarchitektur
- Kunden-Erfolgsmeldungen (30-45 Sek.): Vorher/Nachher-Metriken, animierte Statistik-Einblendungen
Markenintegration
- Hintergrund: #0a0f1a (tiefes Marineblau) | Akzent: #00d4ff (Cyan) | Text: #f0f4f8
- Schriftart: Inter (Überschriften + Fließtext), JetBrains Mono (Code)
- Export: MP4, optimal 15-90 Sek., immer Untertitel einfügen
Wann verwenden
Verwenden Sie diese Fähigkeit immer dann, wenn Sie mit Remotion-Projekten arbeiten. Dies umfasst:
- Erstellen neuer Videokompositionen oder Animationen
- Bearbeiten vorhandener Remotion-Komponenten
- Hinzufügen von Assets (Bilder, Audio, Video) zu einem Remotion-Projekt
- Erstellen animierter Sequenzen, Übergänge oder Effekte
- Jede Aufgabe, die ein Remotion-Projektverzeichnis betrifft
Wichtige Auslöser: Das Wort „Remotion", Pfade, die remotion-videos/ enthalten, Dateien wie remotion.config.ts oder Anfragen zur Erstellung animierter Videoinhalte in React.
Wie verwenden
Lesen Sie die einzelnen Regeldateien für detaillierte Erklärungen und Codebeispiele:
- rules/3d.md - 3D-Inhalte in Remotion mit Three.js und React Three Fiber
- rules/animations.md - Grundlegende Animationsfähigkeiten für Remotion
- rules/assets.md - Importieren von Bildern, Videos, Audio und Schriftarten in Remotion
- rules/audio.md - Verwenden von Audio und Sound in Remotion – Importieren, Trimmen, Lautstärke, Geschwindigkeit, Tonhöhe
- rules/calculate-metadata.md - Dynamisches Festlegen von Kompositionsdauer, Abmessungen und Props
- rules/can-decode.md - Prüfen, ob ein Video vom Browser mit Mediabunny dekodiert werden kann
- rules/charts.md - Diagramm- und Datenvisualisierungsmuster für Remotion
- rules/compositions.md - Definieren von Kompositionen, Standbildern, Ordnern, Standard-Props und dynamischen Metadaten
- rules/display-captions.md - Anzeigen von Untertiteln in Remotion mit TikTok-ähnlichen Seiten und Worthervorhebung
- rules/extract-frames.md - Extrahieren von Einzelbildern aus Videos zu bestimmten Zeitstempeln mit Mediabunny
- rules/fonts.md - Laden von Google Fonts und lokalen Schriftarten in Remotion
- rules/get-audio-duration.md - Ermitteln der Audiodauer einer Audiodatei in Sekunden mit Mediabunny
- rules/get-video-dimensions.md - Ermitteln der Breite und Höhe einer Videodatei mit Mediabunny
- rules/get-video-duration.md - Ermitteln der Dauer einer Videodatei in Sekunden mit Mediabunny
- rules/gifs.md - Anzeigen von GIFs synchronisiert mit der Remotion-Zeitleiste
- rules/images.md - Einbetten von Bildern in Remotion mit der Img-Komponente
- rules/import-srt-captions.md - Importieren von .srt-Untertiteldateien in Remotion mit @remotion/captions
- rules/lottie.md - Einbetten von Lottie-Animationen in Remotion
- rules/measuring-dom-nodes.md - Messen von DOM-Elementabmessungen in Remotion
- rules/measuring-text.md - Messen von Textabmessungen, Anpassen von Text an Container und Prüfen auf Überlauf
- rules/sequencing.md - Sequenzierungsmuster für Remotion – Verzögerung, Trimmen, Begrenzung der Dauer von Elementen
- rules/tailwind.md - Verwenden von TailwindCSS in Remotion
- rules/text-animations.md - Typografie- und Textanimationsmuster für Remotion
- rules/timing.md - Interpolationskurven in Remotion – lineare, Easing- und Feder-Animationen
- rules/transcribe-captions.md - Transkribieren von Audio zum Erstellen von Untertiteln in Remotion
- rules/transitions.md - Szenenübergangsmuster für Remotion
- rules/trimming.md - Trimm-Muster für Remotion – Anfang oder Ende von Animationen abschneiden
- rules/videos.md - Einbetten von Videos in Remotion – Trimmen, Lautstärke, Geschwindigkeit, Schleifen, Tonhöhe
- rules/parameters.md - Machen Sie ein Video parametrisierbar, indem Sie ein Zod-Schema hinzufügen
- rules/maps.md - Fügen Sie eine Karte mit Mapbox hinzu und animieren Sie sie