Produkt-Demo-Video

Was macht Produkt-Demo-Video?

Dies ist der Codex-Skill-Port des Claude-Plugins. Es gibt keinen Slash-Befehl, daher sollte Codex den Arbeitsablauf explizit steuern und die gebündelte Remotion-Vorlage unter assets/remotion-template/ verwenden.

Vorlage einrichten

• Falls das Ziel-Workspace noch kein Remotion-Projekt enthält, kopieren Sie assets/remotion-template/ in ein Arbeitsverzeichnis wie demo-video/.
• Führen Sie npm install in diesem Arbeitsverzeichnis aus.
• Die Vorlage enthält Szenenkomponenten, Einstiegspunkte, ein Sprachausgabe-Skript und eine Startdatei src/storyboard.ts.

Arbeitsablauf

1. Scannen Sie die README des Zielprojekts, Dokumentation, Manifeste, Quellbaum und eventuell vorhandene Screenshots.
2. Fragen Sie, welche Funktionen hervorgehoben werden sollen, bevorzugte Länge, Ton, Markenfarbe und ob bestimmte Screenshots verwendet werden sollen.
3. Entwerfen Sie ein Storyboard unter Verwendung von references/scene-catalog.md.
4. Zeigen Sie das Storyboard zur Genehmigung an, es sei denn, der Benutzer bittet ausdrücklich darum, diesen Kontrollpunkt zu überspringen.
5. Schreiben oder aktualisieren Sie src/storyboard.ts.
6. Generieren Sie Sprachausgabe-MP3-Dateien in public/narration/, indem Sie scripts/generate-narration.sh pro Szene aus einem kleinen Hilfsskript aufrufen.
7. Wenn ffprobe verfügbar ist, messen Sie jedes MP3 und setzen Sie durationInSeconds auf die Audiolänge plus etwa 0,8 Sekunden.
8. Vorschau mit npx remotion studio und Rendern mit npx remotion render DemoVideo output/demo.mp4.

Storyboard-Regeln

• Beginnen Sie immer mit intro und enden Sie mit outro.
• Halten Sie die meisten Szenen etwa 8 bis 12 Sekunden lang.
• Fügen Sie mindestens eine klar animierte Szene wie workflow, comparison oder ein dynamisches feature ein.
• Verwenden Sie echten Code und konkrete Produktdetails aus dem Zielprojekt.
• Halten Sie die Sprachausgabe 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 hat, kopieren Sie nur die benötigten Komponenten, src/storyboard.ts oder das Sprachausgabe-Skript anstelle der gesamten Vorlage.