Communitygithub.com

CompozyOS Vidéo de Lancement

Créez ou révisez des vidéos de lancement CompozyOS avec des captures produit haute résolution, des scènes caméra Ultramock et le package réutilisable Remotion. N'inclut pas la publication de tweets ni le montage vidéo général.

Qu'est-ce que CompozyOS Vidéo de Lancement ?

Cette compétence permet de produire des vidéos de lancement ou de mise à jour pour CompozyOS, sous forme de MP4 finalisé accompagné de ses sources réutilisables dans le package `@compozy/videos`. Elle s'appuie sur deux outils clés : Ultramock pour les scènes caméra et les traitements visuels, et Remotion pour l'ouverture, le rythme, les transitions, les interactions du curseur et l'assemblage final. L'objectif est de continuer un projet existant plutôt que de reconstruire l'intégralité de la pile d'animations, en respectant les retours précédents et la configuration du projet. Le flux de travail suit un ordre de production précis : capture des états avant/survol/après des fonctionnalités, mise à jour des sources Ultramock et des scènes, ajustement des décalages dans Remotion, rendu d'une preuve courte, puis rendu final. La livraison exige un MP4 accessible démontrant la fonctionnalité demandée, avec les sources nécessaires à sa révision, sans exiger de nouvelle recherche ou validation complète pour chaque révision vidéo. Elle est destinée aux développeurs et utilisateurs d'agents IA qui doivent générer ou modifier rapidement des vidéos de lancement produit de haute qualité.

Compatible avec~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/compozy/compozy/tree/HEAD/.agents/skills/cy-release-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 de Lancement CompozyOS

Livrez un MP4 de lancement révisable ainsi que ses sources réutilisables dans packages/launch-video (@compozy/videos). Ultramock gère le traitement caméra ; Remotion gère l'ouverture, le rythme, les chevauchements de scènes, les interactions curseur et l'assemblage final. Continuez le projet existant plutôt que de reconstruire sa pile d'animations.

Établir le lancement

  • Lisez les PR demandées et l'implémentation actuelle. Associez chaque fonctionnalité à une action UI observable et à son résultat ; une description de PR ou un panneau attrayant ne suffit pas à démontrer la fonctionnalité.
  • Récupérez la configuration actuelle du projet, les captures, la dernière exportation et les retours en suspens avant de modifier. Respectez l'ordre des fonctionnalités, la durée, la politique de texte et le choix audio demandés en dernier lieu. Conservez les livrables précédents avant de les remplacer.
  • Dans ce flux de travail, le texte éditorial appartient à l'ouverture réutilisable ; les captures produit contiennent l'UI réelle. N'ajoutez pas de légendes, de cartes de titre, de logos ou d'outro à la démo sauf demande explicite. L'instruction initiale de l'image seule pour beta.26 a ensuite été modifiée pour inclure l'ouverture de lancement existante.
  • Par défaut, utilisez 16:9, 1080p60 pour cette famille de lancement, mais suivez le brief actuel de l'utilisateur. Le fichier final beta.26 historique durait 42.3s, ce n'est pas une exigence de durée universelle.
  • Choisissez une séquence d'actions avant de rassembler les assets : établissez l'écran, approchez le contrôle, montrez le clic, révélez son résultat, puis inspectez les détails. Une fonctionnalité avec moins d'états utiles peut passer en premier ; ne donnez pas à chaque fonctionnalité un temps égal.

Lisez le guide applicable

Travail effectuéLire
Nouvelles captures d'écran ou inadéquates, démonstration intégrée de fonctionnalitéCapture et direction visuelle, toutes les sections
Montage ou export de la timeline caméra dans ChromeOpération Ultramock, sections caméra/montage/export ; récupération uniquement si nécessaire
Modifications de l'ouverture, du curseur, du rogner, des transitions ou de la configuration du lancementAssemblage Remotion, section pertinente et validation
Réutilisation de la recherche visuelle du projet ou compréhension d'un rejet antérieurLeçons et preuves, section correspondant à l'échec ou à la recherche

Utilisez eng-ui-screenshot pour les mécanismes de capture Compozy et exa-search lorsque la découverte d'un nouveau composant est nécessaire ou demandée. Inspectez d'abord les composants installés ; la recherche n'est pas une raison pour ajouter un autre framework. Les opérations du navigateur suivent l'API prise en charge par l'outil navigateur/ordinateur actif et la session Chrome demandée par l'utilisateur ; les ID onglets sauvegardés et les indices d'accessibilité ne sont pas des instructions réutilisables.

Ordre de production

  1. Capturez les états avant/survol/après correspondants à une résolution native suffisante. Vérifiez que la fonctionnalité appartient toujours visiblement à sa session ou à sa surface parente.
  2. Mettez à jour les sources Ultramock, l'ordre des scènes et les cibles caméra. Inspectez les images réelles après les téléchargements ou les changements de paramètres, puis exportez et vérifiez le fichier téléchargé.
  3. Mettez à jour les décalages des sources Remotion après tout réordonnancement Ultramock. Gardez les interactions de capture d'écran et leur curseur sous la même transformation caméra. Déclenchez le résultat correspondant au clic ; le mouvement seul ne communique pas le comportement.
  4. Rendez une courte preuve des interactions et transitions modifiées. Inspectez le contact du clic, les états d'ouverture/fermeture, la netteté du texte et la continuité ; corrigez les captures sources ou la géométrie avant de passer du temps sur le rendu complet.
  5. Rendez le fichier final. Vérifiez les métadonnées et le décodage complet, inspectez les intervalles modifiés et les coupes adjacentes à la résolution de livraison, et prévisualisez la lecture pour le timing. Signalez la distinction si seules les images extraites ont été inspectées.
  6. Conservez les PNG originaux, l'export caméra, la configuration du lancement, les licences et le MP4 final. Mettez à jour les instructions du package lorsque le flux de travail réutilisable change. Supprimez les stories de capture temporaires détenues, arrêtez uniquement les serveurs de capture détenus, réinitialisez les remplacements temporaires de viewport et laissez le projet/prévisualisation modifié disponible.

Achèvement

La livraison signifie un MP4 final accessible qui démontre la fonctionnalité demandée, plus les sources nécessaires pour le réviser. Une timeline configurée, un téléchargement réussi, une vérification de type ou un bouton d'export terminé ne suffisent pas. Indiquez la durée, la résolution/fps et toute limitation matérielle (par exemple, des fixtures par rapport à une mesure en direct du fournisseur). Liez/montrez l'artefact réel ; publier un tweet de lancement est une action distincte nécessitant l'autorisation de l'utilisateur. N'exigez pas un nouveau corpus de recherche, un tour de sous-agent, une approbation ou une QA complète de l'application pour chaque révision vidéo.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills associés