majiayu000/claude-skill-registry-data

Erstellen Sie professionelle programmatische Produkt-Demo-Videos aus Softwareprojekten mit einer gebündelten Remotion-Vorlage, Storyboard-Generierung und TTS-Erzählung. Verwenden Sie dies, wenn Codex eine App, Bibliothek, CLI oder API ohne Bildschirmaufnahme in ein Demovideo umwandeln muss, oder wenn Sie an Storyboard-Szenen, Erzählungen oder Renderings iterieren.

Was ist claude-skill-registry-data?

Diese Fähigkeit ermöglicht es einem KI-Agenten (insbesondere Codex), aus Softwareprojekten – wie Apps, Bibliotheken, CLIs oder APIs – vollständig programmatisch ansprechende Produkt-Demo-Videos zu erstellen. Anstatt auf externe Bildschirmaufnahmen angewiesen zu sein, nutzt sie eine gebündelte Vorlage von Remotion, einem Framework zum Erstellen von Videos mit React. Der Arbeitsablauf umfasst das Scannen der Projektdokumentation, das Erstellen eines Storyboards mithilfe eines bereitgestellten Szenenkatalogs, das Schreiben der Szenen in TypeScript, das Generieren von Sprachausgabe (TTS) über ein Skript (das macOS `say`, OpenAI TTS oder ElevenLabs unterstützt) und das Rendern des endgültigen Videos. Der Agent ist dafür verantwortlich, die Benutzer nach den gewünschten Funktionen, der Länge, dem Ton und den Markenfarben zu fragen, das Storyboard zur Genehmigung vorzulegen und die Remotion-Befehle zur Vorschau und zum Rendern auszuführen. Die mitgelieferte Direktive stellt sicher, dass die Szenen den Konventionen folgen (Einleitung und Abschluss, typische Dauer von 8-12 Sekunden) und die wirklichen Code- und Produktdetails des Projekts widerspiegeln. Insgesamt ist dies ein leistungsstarkes Tool für Entwicklerteams, die schnell Demos erstellen möchten, ohne auf manuelle Videobearbeitungssoftware oder Bildschirmaufnahmen zurückgreifen zu müssen.

Funktioniert mit✓Claude Code✓Codex CLI~Cursor

npx skills add https://github.com/majiayu000/claude-skill-registry-data/tree/HEAD/generation/product-demo-video

Dokumentation

Produkt-Demo-Video

Dies ist die Codex-Skill-Portierung 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.

Vorlagen-Setup

Falls der Zielarbeitsbereich 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 Erzählskript und eine Starterdatei src/storyboard.ts.

Arbeitsablauf

Scannen Sie die README des Zielprojekts, Dokumentationen, Manifeste, den Quellbaum und alle vorhandenen Bildschirmfotos.
Fragen Sie, welche Funktionen hervorgehoben werden sollen, die bevorzugte Länge, den Ton, die Markenfarbe und ob bestimmte Bildschirmfotos verwendet werden sollen.
Entwerfen Sie ein Storyboard mit references/scene-catalog.md.
Zeigen Sie das Storyboard zur Genehmigung vor, es sei denn, der Benutzer bittet explizit darum, diesen Schritt zu überspringen.
Schreiben oder aktualisieren Sie src/storyboard.ts.
Generieren Sie Erzähl-MP3s nach public/narration/, indem Sie scripts/generate-narration.sh einmal pro Szene über ein kleines Hilfsskript aufrufen.
Falls ffprobe verfügbar ist, messen Sie jede MP3 und setzen Sie durationInSeconds auf die Audiolänge plus etwa 0,8 Sekunden.
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 zwischen 8 und 12 Sekunden.
Fügen Sie mindestens eine klar animierte Szene wie workflow, comparison oder eine dynamische feature-Szene ein.
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 hat, kopieren Sie nur die benötigten Komponenten, src/storyboard.ts oder das Erzählskript anstelle der gesamten Vorlage.