Communitygithub.com

Vidéo SaaS Magique Sombre (Pluviobyte)

Créez des vidéos motion cinématographiques et sombres pour produits SaaS, dans le style « magic UI » façon Presenton : scène étoilée noire, lueur violette en bas, typographie cinétique large, boutons CTA dégradés cyan-magenta, cartes d'invite, templates UI flottants, badges d'intégration, anneaux de modèle, objets d'export, transitions floues de vitesse, et arcs de capacités produits courts. Idéal pour les demandes comme « 这种风格 », « 同款风格 », promotion SaaS sombre, démo produit IA, vidéo de produit avec UI magique, ou création stylistique inspirée d'une vidéo de référence. Ne pas utiliser pour une réplication pixel par pixel ou image par image ; utilisez d'abord reference-video-replica-qc pour cela.

Qu'est-ce que Vidéo SaaS Magique Sombre (Pluviobyte) ?

Cette compétence permet de générer des vidéos promotionnelles de produits SaaS avec une esthétique « UI magique » sombre et cinématographique, dans l'esprit de Presenton. Elle est conçue pour les créateurs de contenu, les marketeurs produit et les développeurs qui souhaitent produire rapidement des démos visuellement percutantes sans recourir à des enregistrements d'écran réels. La compétence se concentre sur la création stylistique au niveau de l'ambiance et du rythme, en s'appuyant sur un langage visuel spécifique : scène noire avec particules stellaires, lueur violette, typographie cinétique imposante, boutons CTA dégradés et éléments UI évoqués depuis l'obscurité. Elle est compatible avec les frameworks d'animation HyperFrames (recommandé) et Remotion, et nécessite la consultation de plusieurs documents de référence (style language, blueprints de scènes, presets de timing, contrat d'assets) avant la composition. Le workflow standard suit un arc cause-à-effet (promesse texte → invite → clic CTA → résultat généré → intégrations/modèles → export → affirmation finale) et produit un fichier MP4 ainsi qu'une fiche de contrôle qualité.

Compatible avec~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/Pluviobyte/video-production-skills/tree/HEAD/dark-saas-magic-video

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Vidéo SaaS Magique Sombre

Rôle

Créez de nouvelles vidéos produit dans un style sombre, cinématographique et évocateur d'UI. Il s'agit d'une compétence de génération stylistique, et non d'alignement sur une référence. Utilisez-la après que ai-motion-director a sélectionné une route vidéo produit ou SaaS au niveau du style.

Vitrine canonique

  • Nom d'affichage humain : 暗色 SaaS 魔术短片
  • Exemple de pièce finie : 雪踏乌云暗色 SaaS 介绍短片
  • Fichier : assets/showcases/xuetawuyun-dark-saas-showcase-1080p.mp4
  • Utilisez ceci comme référence stylistique pour l'échelle, le rythme, le vocabulaire des scènes et la finition finale. Ne copiez pas son texte sauf si l'utilisateur demande la même marque/compte.

Limites

  • Utilisez ceci pour la création stylistique : "做成这个感觉", "类似 Presenton 这种风格", "暗色科技感 SaaS 产品短片", "AI 工具产品演示".
  • N'utilisez pas ceci pour des refontes pixel par pixel, image par image ou précises en timestamp. Utilisez d'abord reference-video-replica-qc.
  • Ne remplacez pas product-launch-video ; utilisez ceci quand le langage visuel demandé est spécifiquement une UI magique sombre, et non un lancement produit générique.
  • Construisez avec HyperFrames sauf si l'utilisateur demande explicitement Remotion.

Lectures obligatoires

Avant d'écrire une composition, lisez :

  1. references/style-language.md
  2. references/scene-blueprints.md
  3. references/timing-presets.md
  4. references/asset-contract.md

Avant la remise finale, lisez references/qc-checklist.md.

Entrées

Collectez ou inférez :

  • nom du produit et promesse en une ligne
  • spectateur cible et plateforme
  • préréglage de durée : sting, standard ou extended
  • mots de douleur ou affirmation d'ouverture
  • flux de travail principal : invite, générer, connecter, modèle, exporter, partager, automatiser
  • actifs disponibles : logo, captures d'écran, cartes UI, logos d'intégration, noms d'export
  • rapport de sortie et slug d'archive

Si des actifs manquent, utilisez des cartes UI abstraites et des badges texte. Précisez que le résultat est une vidéo produit au niveau du style, et non un enregistrement UI précis du produit.

Règles de style strictes

  1. Utilisez une scène spatiale noire avec un grain fin/des particules d'étoiles et une faible lueur d'horizon violette en bas.
  2. Évitez les fonds de lignes néon horizontales persistantes ; ils aplatissent le style.
  3. Utilisez une grande typographie cinétique blanche comme temps forts narratifs, et non comme petites étiquettes.
  4. Incluez au moins un CTA dégradé cyan-magenta qui déclenche une transformation visible.
  5. Rendez les objets héros grands dans leur plan le plus visible : carte d'invite, CTA, panneau UI, badge annulaire ou objet d'export ne doivent pas ressembler à de minuscules accessoires lointains.
  6. Utilisez le flou de vitesse, le smear, l'accélération d'échelle ou les voiles blancs de vélocité pour les transitions majeures.
  7. Incluez des objets UI qui semblent invoqués depuis l'obscurité : cartes, badges, dossiers, puces de modèle, fenêtres d'application ou pilules d'export.
  8. N'ajoutez jamais de flashs de couleur pleine écran inexpliqués.
  9. Ne revendiquez jamais une fidélité pixel par pixel pour ce flux stylistique.

Flux de travail

1. Façonner l'arc

Choisissez un préréglage de durée dans references/timing-presets.md. Découpez le produit en 5 à 8 séquences de capacités. Privilégiez une chaîne cause-à-effet : promesse texte -> invite -> clic CTA -> résultat généré -> intégrations/modèles -> export -> affirmation finale.

2. Sélectionner les plans

Utilisez references/scene-blueprints.md pour choisir les modules de scène. N'utilisez pas aveuglément tous les modules ; faites correspondre les capacités réelles du produit.

3. Construire avec HyperFrames

Chargez les compétences HyperFrames pertinentes :

  • hyperframes pour la rédaction de composition
  • hyperframes-cli pour lint, valider, inspecter, rendre
  • hyperframes-animation pour le flou de vitesse, le mouvement typographique, les anneaux, les clics de curseur
  • hyperframes-media seulement si l'audio, la TTS, les SFX ou les sous-titres sont nécessaires

Utilisez un mouvement déterministe. Construisez d'abord les plans héros, puis animez-les.

4. QC

Utilisez references/qc-checklist.md. Si l'utilisateur a fourni une vidéo de référence et se soucie de l'alignement, utilisez également reference-video-replica-qc.

Sortie

Livrez le chemin du MP4 final, le chemin de la fiche de contrôle qualité, les spécifications confirmées et une courte note indiquant le préréglage de durée et les modules de scène utilisés.

Skills associés