majiayu000/claude-skill-registry-data

Créez des vidéos de démonstration programmatiques et polies à partir de projets logiciels en utilisant un modèle Remotion intégré, la génération de storyboard et la narration TTS. Utilisez-le lorsque Codex doit transformer une application, une bibliothèque, un CLI ou une API en vidéo de démonstration sans enregistrement 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-data ?

Ce skill permet à Codex de produire des vidéos de démonstration de produits de haute qualité, entièrement programmatiques, sans aucun enregistrement d'écran. Il s'appuie sur un modèle Remotion fourni dans le dossier `assets/remotion-template/` et orchestre un workflow complet : analyse du projet, génération de storyboard, écriture des scènes, synthèse vocale (TTS) via des scripts shell (macOS say, OpenAI TTS, ElevenLabs), et rendu final en MP4. L'utilisateur garde le contrôle en approuvant le storyboard avant la production et peut itérer rapidement entre modifications du script de narration et nouveaux rendus. Il est idéal pour créer des démos pour des apps, librairies, CLI ou API, et supporte macOS et les environnements Linux avec les dépendances nécessaires (FFmpeg/FFprobe).

Compatible avec✓Claude Code✓Codex CLI~Cursor

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

Documentation

Vidéo de Démonstration Produit

Il s'agit du portage en skill Codex du plugin Claude. Il n'y a pas de commande slash, Codex doit donc piloter le workflow 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 comprend des composants de scène, des points d'entrée, un script de narration et un fichier src/storyboard.ts de démarrage.

Workflow

Analysez le README du projet cible, sa documentation, ses manifestes, son arborescence source et toutes captures d'écran existantes.
Demandez quelles fonctionnalités mettre en avant, la durée souhaitée, le ton, la couleur de la marque et si des captures d'écran spécifiques doivent être utilisées.
Rédigez un storyboard en utilisant references/scene-catalog.md.
Présentez le storyboard pour approbation, sauf si l'utilisateur demande explicitement de passer 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 à l'aide d'un petit script auxiliaire.
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.
Gardez 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 issus du projet cible.
Gardez la narration en langage parlé, environ 120 à 150 mots par minute.

Remarques

Le script TTS intégré prend en charge say de macOS, 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.