majiayu000/claude-skill-registry

Créez des vidéos de démonstration produit programmatiques et soignées à partir de projets logiciels en utilisant un modèle Remotion intégré, une génération de storyboard et une narration TTS. Utilisez-le lorsque Codex doit transformer une application, une bibliothèque, une CLI ou une API en vidéo de démonstration sans capture d'écran, ou lors de l'itération sur des scènes de storyboard, la narration ou les rendus.

Qu'est-ce que claude-skill-registry ?

Ce skill permet à Codex de générer automatiquement des vidéos de démonstration produit de haute qualité à partir de n'importe quel projet logiciel. Il utilise un modèle Remotion intégré, avec génération de storyboard via un catalogue de scènes, et synthèse vocale (TTS) pour la narration. Vous pouvez itérer rapidement sur les scènes, la narration et les rendus, le tout sans nécessiter de capture d'écran. Le skill prend en charge macOS `say`, OpenAI TTS et ElevenLabs pour la narration, et permet de prévisualiser et de rendre les vidéos directement via les commandes Remotion. Il est particulièrement utile pour les développeurs qui souhaitent présenter une application, une bibliothèque, une CLI ou une API de manière professionnelle et reproductible.

Compatible avec✓Claude Code✓Codex CLI~Cursor

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

Documentation

Vidéo de Démonstration Produit

Ceci est le portage du plugin Claude en tant que skill Codex. Il n'y a pas de commande slash, donc Codex doit piloter le flux de travail explicitement et utiliser le modèle Remotion intégré sous assets/remotion-template/.

Configuration du Modèle

Si l'espace de travail cible ne contient pas déjà un projet Remotion, copiez assets/remotion-template/ dans un répertoire de travail tel que demo-video/.
Exécutez npm install dans ce répertoire de travail.
Le modèle inclut des composants de scène, des points d'entrée, un script de narration et un fichier de départ src/storyboard.ts.

Flux de Travail

Parcourez le README, la documentation, les manifestes, l'arborescence des sources et toutes les captures d'écran existantes du projet cible.
Demandez quelles fonctionnalités mettre en avant, la durée préférée, le ton, la couleur de la marque et si des captures d'écran spécifiques doivent être utilisées.
Rédigez un storyboard à l'aide de references/scene-catalog.md.
Présentez le storyboard pour approbation, sauf si l'utilisateur demande explicitement de sauter cette étape.
Écrivez ou mettez à jour src/storyboard.ts.
Générez les MP3 de narration dans public/narration/ en appelant scripts/generate-narration.sh une fois par scène à partir d'un petit script d'aide.
Si ffprobe est disponible, mesurez chaque MP3 et définissez durationInSeconds sur la durée audio plus environ 0.8 seconde.
Prévisualisez avec npx remotion studio et effectuez le rendu avec npx remotion render DemoVideo output/demo.mp4.

Règles du Storyboard

Commencez toujours par intro et terminez par outro.
Maintenez la plupart des scènes autour de 8 à 12 secondes.
Incluez au moins une scène clairement animée comme workflow, comparison ou une feature dynamique.
Utilisez du code réel et des détails concrets du produit du projet cible.
Gardez la narration dans un langage parlé, environ 120 à 150 mots par minute.

Remarques

Le script TTS intégré prend en charge macOS say, OpenAI TTS et ElevenLabs.
Si l'utilisateur possède déjà un projet Remotion, copiez uniquement les composants nécessaires, src/storyboard.ts ou le script de narration, au lieu du modèle entier.