Communitygithub.com

CompozyOS Release-Video

Erstelle oder überarbeite CompozyOS-Release-Videos mit hochauflösenden Produktaufnahmen, Ultramock-Kameraszenen und dem wiederverwendbaren Remotion-Paket. Twitter-Posts und allgemeine Videobearbeitung sind ausgeschlossen.

Was ist CompozyOS Release-Video?

Diese Fähigkeit ermöglicht es, maßgeschneiderte Release-Videos für CompozyOS zu produzieren oder zu überarbeiten. Sie nutzt eine Kombination aus Ultramock für Kameraeinstellungen und Remotion für den Schnitt, Übergänge und die finale Montage. Der Workflow legt Wert auf eine klare Handlungssequenz für jede Funktion, hohe Auflösung (z.B. 1080p60) und die Einbindung von echten UI-Interaktionen statt statischer Beschreibungen. Entwickler können damit effizient Review-Videos erstellen, die den aktuellen Projektkonfigurationen und Feedbacks entsprechen, ohne die gesamte Animations-Infrastruktur neu aufbauen zu müssen.

Funktioniert mit~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/compozy/compozy/tree/HEAD/.agents/skills/cy-release-video

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht CompozyOS Release-Video?

Liefere ein überprüfbares Release/Launch-MP4 sowie dessen wiederverwendbare Quellen im Verzeichnis packages/launch-video (@compozy/videos). Ultramock ist für die Kamerabehandlung zuständig; Remotion übernimmt den Intro, Tempo, Szenenüberlappungen, Cursor-Interaktionen und den finalen Zusammenschnitt. Setze das bestehende Projekt fort, anstatt den Animationsstack neu aufzubauen.

Release festlegen

  • Lies die angeforderten PRs und die aktuelle Implementierung. Ordne jede Funktion einer beobachtbaren UI-Aktion und ihrem Ergebnis zu; eine PR-Beschreibung oder ein attraktives Panel allein reicht nicht aus, um die Funktion zu demonstrieren.
  • Stelle die aktuelle Projektkonfiguration, Aufnahmen, den letzten Export und ausstehendes Feedback wieder her, bevor du mit der Bearbeitung beginnst. Beachte die zuletzt gewünschte Reihenfolge der Funktionen, Dauer, Textrichtlinie und Audioauswahl. Bewahre vorherige Ergebnisse vor dem Ersetzen auf.
  • In diesem Workflow gehört redaktioneller Text in den wiederverwendbaren Intro; Produktaufnahmen enthalten echte UI. Füge keine Untertitel, Titelcards, Logos oder ein Outro zur Demo hinzu, es sei denn, es wurde ausdrücklich verlangt. Die anfängliche Anweisung für das beta.26-Bild wurde später dahingehend ergänzt, dass das bestehende Release-Intro einbezogen werden soll.
  • Standardmäßig wird für diese Release-Familie 16:9, 1080p60 verwendet, aber richte dich nach dem aktuellen Briefing des Nutzers. Das finale beta.26-Video hatte eine Länge von 42,3s, was keine universelle Daueranforderung darstellt.
  • Wähle eine Handlungssequenz, bevor du Assets sammelst: Zeige den Bildschirm, nähere dich der Steuerung, zeige den Klick, enthülle das Ergebnis und überprüfe dann die Details. Eine Funktion mit weniger nützlichen Zuständen kann den Anfang machen; gib nicht jeder Funktion gleich viel Zeit.

Die zutreffende Anleitung lesen

ArbeitLesen
Neue oder unzureichende Screenshots, integrierte Feature-DemonstrationAufnahme und visuelle Richtung, alle Abschnitte
Bearbeiten oder Exportieren der Kamera-Timeline in ChromeUltramock-Bedienung, Abschnitte Kamera/Bearbeiten/Exportieren; Wiederherstellung nur bei Bedarf
Änderungen an Intro, Cursor, Trimmung, Übergang oder Release-KonfigurationRemotion-Assembly, relevanter Abschnitt und Validierung
Wiederverwenden der visuellen Recherche des Projekts oder Verstehen einer früheren AblehnungLektionen und Belege, passender Fehler- oder Recherche-Abschnitt

Verwende eng-ui-screenshot für die Compozy-Aufnahmemechanik und exa-search, wenn eine neue Komponentenentdeckung erforderlich oder angefordert wird. Überprüfe zuerst installierte Komponenten; Recherche ist kein Grund, ein weiteres Framework hinzuzufügen. Browser-Operationen folgen der unterstützten API des aktiven Browser/Computer-Tools und der vom Benutzer angeforderten Chrome-Sitzung; gespeicherte Tab-IDs und Zugänglichkeitsindizes sind keine wiederverwendbaren Anweisungen.

Produktionsreihenfolge

  1. Erfasse passende Vorher/Beim-Hover/Nachher-Zustände in ausreichender nativer Auflösung. Überprüfe, ob die Funktion noch sichtbar zu ihrer Sitzung oder übergeordneten Oberfläche gehört.
  2. Aktualisiere Ultramock-Quellen, Szenenreihenfolge und Kamera-Ziele. Überprüfe die tatsächlichen Frames nach Uploads oder Parameteränderungen, exportiere und verifiziere die heruntergeladene Datei.
  3. Aktualisiere Remotion-Quellen-Offsets nach jeder Ultramock-Neuanordnung. Halte Screenshot-Interaktionen und deren Cursor unter derselben Kameratransformation. Löse das passende Ergebnis beim Klick aus; Bewegung allein kommuniziert kein Verhalten.
  4. Rendere einen kurzen Proof-of-Concept der geänderten Interaktionen und Übergänge. Überprüfe Klickkontakt, Öffnungs-/Schließzustände, Textschärfe und Kontinuität; korrigiere Quellaufnahmen oder Geometrie, bevor du Zeit für den vollständigen Render aufwendest.
  5. Rendere die finale Datei. Überprüfe Metadaten und vollständige Dekodierung, inspiziere geänderte Intervalle und angrenzende Schnitte in der Auslieferungsauflösung und spiele die Vorschau auf Timing ab. Gib den Unterschied an, wenn nur extrahierte Frames inspiziert wurden.
  6. Bewahre die originalen PNGs, den Kameraeexport, die Release-Konfiguration, Lizenzen und das finale MP4 auf. Aktualisiere die Paketanweisungen, wenn sich der wiederverwendbare Workflow ändert. Entferne eigene temporäre Aufnahme-Stories, stoppe nur eigene Aufnahme-Server, setze temporäre Viewport-Überschreibungen zurück und halte das bearbeitete Projekt/Preview verfügbar.

Fertigstellung

Auslieferung bedeutet ein zugängliches finales MP4, das die angeforderte Funktion demonstriert, plus die Quellen, die zur Überarbeitung benötigt werden. Eine konfigurierte Timeline, erfolgreicher Upload, Typprüfung oder abgeschlossener Export-Button reichen nicht aus. Gib die Dauer, Auflösung/Bildrate und etwaige materielle Einschränkungen an (z.B. Fixtures gegenüber einer Live-Messung des Anbieters). Verlinke/zeige das tatsächliche Artefakt; das Veröffentlichen eines Release-Tweets ist eine separate Aktion, die die Autorisierung des Benutzers erfordert. Verlange kein neues Recherche-Korpus, keinen Subagenten-Durchlauf, keine Genehmigung oder vollständige Anwendungs-QA für jede Video-Überarbeitung.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Verwandte Skills