Que fait GenVid Promo ?
Produisez la vidéo terminée, pas seulement un script ou un storyboard. Créez une composition Remotion déterministe dont la narration, les visuels, les revendications produit et le minutage sont vérifiés.
Démarrage obligatoire
- Inspectez l'invocation pour détecter à la fois un fournisseur TTS et une valeur de clé API ou une référence explicite à une variable d'environnement/secret.
- Si l'un ou l'autre manque, arrêtez-vous et demandez : Quel fournisseur TTS dois-je utiliser et comment accéder à sa clé API ? Privilégiez une variable d'environnement secrète telle que
OPENAI_API_KEYouGEMINI_API_KEY; je ne la divulguerai ni ne l'imprimerai. - Ne choisissez pas silencieusement un fournisseur, ne présumez pas d'une clé existante, ne synthétisez pas de voix factice et ne continuez pas au-delà de cette barrière.
- Chargez immédiatement la compétence
remotion-best-practicesinstallée dans son intégralité. Chargez sa règlevideo-layoutavant la conception ; chargez ses règles audio, transitions, sous-titres, FFmpeg et métadonnées lorsque ces fonctionnalités sont utilisées. Indiquez explicitement que cette dépendance est utilisée. Si elle est indisponible, mentionnez-le et utilisez references/production-pipeline.md comme solution de repli minimale. - Lisez references/tts-providers.md avant d'implémenter la synthèse. Vérifiez les modèles actuels du fournisseur et les formats SDK/API par rapport à la documentation officielle car ils changent.
Flux de travail
1. Établir le brief
Déterminez le produit, l'audience, l'objectif de lancement, la plateforme, le rapport d'aspect, la durée cible, le ton, l'appel à l'action (CTA), la langue et les revendications requises. Inférez les choix créatifs réversibles lorsqu'ils sont absents. Ne posez des questions que pour les choix qui modifient sensiblement le résultat.
Par défaut : 1920x1080, 30 FPS, 35-75 secondes, un narrateur, des sous-titres et un CTA clair. Ajoutez des compositions verticales ou carrées lorsque le canal demandé le nécessite.
2. Vérifier le produit réel
Inspectez le dépôt et exécutez l'application réelle lorsque c'est possible. Tracez les routes, composants, états de données, jetons de design, polices, icônes, textes, noms de forfaits, prix et comportements des fonctionnalités réels. Pour un produit en ligne, inspectez l'expérience rendue réelle avec un outil d'automatisation de navigateur. N'inventez jamais un écran, une capacité, une mesure, un témoignage, un prix ou une interaction.
Utilisez les visuels produit dans cet ordre :
- Importez les composants réels dans un bac à sable Remotion/démonstration contrôlé avec des données fictives déterministes.
- Extrayez les composants d'affichage compatibles avec l'animation tout en préservant le DOM réel, les jetons, le texte et les états.
- Créez des répliques dérivées de la source uniquement lorsque les composants réels ne peuvent pas être rendus en dehors de l'application ; comparez-les avec des captures d'écran réelles et divulguez ce recours.
- Utilisez des captures d'écran ou des enregistrements d'écran uniquement lorsque les composants compatibles avec l'animation sont irréalisables.
Ne divulguez pas de secrets de production et ne modifiez pas de données en direct simplement pour filmer un état.
3. Rédiger l'histoire et le storyboard
Utilisez un arc compact : accroche -> problème -> révélation -> preuve via une utilisation réelle -> avantages les plus forts -> CTA. Donnez à chaque scène un message et un visuel focal. Rédigez la narration de la scène avant le minutage final.
Créez storyboard.json en utilisant references/storyboard-schema.md. Incluez pour chaque scène l'état UI exact, la provenance du composant/source, les actions, la narration, les revendications et l'intention de transition.
4. Construire le système Remotion
Créez un système visuel réutilisable pour les jetons produit, la typographie, les zones de sécurité, les cadres navigateur/appareil, le curseur, les surbrillances, le texte à la machine à écrire, les mouvements de caméra et les transitions. Utilisez useCurrentFrame() avec interpolate() ou des appels spring() justifiés ; jamais d'animations ou de transitions CSS.
Privilégiez le mouvement conçu : mise au point de la caméra, dévoilements masqués, déplacements sur axe partagé, fondus enchaînés de bon goût, continuité des objets et mise en scène temporelle. Évitez les mouvements aléatoires, les grilles de cartes génériques, les interfaces utilisateur minuscules et les points focaux concurrents simultanés.
5. Générer et synchroniser la narration
Générez un fichier audio par scène. Conservez la transcription comme source de vérité. Mesurez la durée audio réelle et écrivez voiceover-manifest.json ; déduisez la durée de la scène à partir de l'audio plus l'introduction et la respiration. Commencez la narration après l'établissement visuel et planifiez les actions visibles en fonction de la phrase exacte qui les décrit.
N'étirez pas l'audio pour l'adapter à des scènes fixes. Régénérez ou réajustez le minutage lorsque la livraison et les visuels divergent. Ajoutez des sous-titres à partir de la transcription connue ; utilisez la STT uniquement lorsque la sortie parlée diffère suffisamment pour nécessiter des horodatages au niveau du mot.
Exécutez node <répertoire-de-la-compétence>/scripts/validate-genvid.mjs <storyboard> <manifest> [racine-du-projet] avant le rendu.
6. Rendre et inspecter
Rendez des images représentatives près de l'entrée, du milieu, de l'interaction clé et de la sortie de chaque scène. Inspectez-les à taille d'affichage normale. Corrigez le rognage, le texte illisible, le chevauchement accidentel, la dérive du curseur, l'interface utilisateur infidèle, les temps morts, les coupures abruptes et les décalages de narration.
Rendez le MP4 final avec H.264, BT.709 et audio AAC de haute qualité, sauf si la destination nécessite un autre format. Regardez le résultat complet avec le son. Confirmez la durée d'exécution, les dimensions, les codecs, la présence audio, le CTA final et les chemins des artefacts.
Standard d'achèvement
Terminez uniquement lorsque le MP4 existe et a été visionné ou échantillonné sur toute la timeline. Signalez le chemin rendu, les dimensions, le FPS, la durée, le fournisseur/modèle/voix TTS, la source des visuels produit, les revendications vérifiées, les tests effectués et tout recours intentionnel à une réplique/capture.