Produkt-Demo-Video
Dies ist der Codex-Skill-Port des Claude-Plugins. Es gibt keinen Slash-Befehl, daher sollte Codex den Workflow explizit steuern und die gebündelte Remotion-Vorlage unter assets/remotion-template/ verwenden.
Vorlagen-Setup
- Falls das Ziel-Workspace noch kein Remotion-Projekt enthält, kopieren Sie
assets/remotion-template/in ein Arbeitsverzeichnis wiedemo-video/. - Führen Sie
npm installin diesem Arbeitsverzeichnis aus. - Die Vorlage enthält Szenenkomponenten, Einstiegspunkte, ein Skript für die Erzählung und eine Startdatei
src/storyboard.ts.
Workflow
- Scannen Sie die README des Zielprojekts, die Dokumentation, Manifeste, den Quellbaum und eventuell vorhandene Screenshots.
- Fragen Sie, welche Funktionen hervorgehoben werden sollen, die bevorzugte Länge, den Ton, die Markenfarbe und ob bestimmte Screenshots verwendet werden sollen.
- Erstellen Sie ein Storyboard mit
references/scene-catalog.md. - Zeigen Sie das Storyboard zur Genehmigung an, es sei denn, der Benutzer fordert explizit den Übersprung dieses Checkpoints.
- Schreiben oder aktualisieren Sie
src/storyboard.ts. - Generieren Sie MP3s für die Sprachausgabe in
public/narration/, indem Siescripts/generate-narration.shfür jede Szene über ein kleines Hilfsskript aufrufen. - Falls
ffprobeverfügbar ist, messen Sie jedes MP3 und setzen SiedurationInSecondsauf die Audiolänge plus etwa 0,8 Sekunden. - Vorschau mit
npx remotion studiound rendern mitnpx remotion render DemoVideo output/demo.mp4.
Storyboard-Regeln
- Beginnen Sie immer mit
intround enden Sie mitoutro. - Halten Sie die meisten Szenen zwischen 8 und 12 Sekunden.
- Fügen Sie mindestens eine klar animierte Szene wie
workflow,comparisonoder eine dynamischefeatureein. - Verwenden Sie echten Code und konkrete Produktdetails aus dem Zielprojekt.
- Halten Sie die Erzählung in gesprochener Sprache, etwa 120 bis 150 Wörter pro Minute.
Hinweise
- Das gebündelte TTS-Skript unterstützt macOS
say, OpenAI TTS und ElevenLabs. - Falls der Benutzer bereits ein Remotion-Projekt besitzt, kopieren Sie nur die benötigten Komponenten,
src/storyboard.tsoder das Erzählungsskript anstelle der gesamten Vorlage.