Aller au guide d’utilisation
Video Shotcraftpar Vincentwei1021

Video Shotcraft Skill.

Transformez une interface produit réelle en une timeline vidéo composée et inspectable.

  • Vidéo produit
  • Remotion
  • Motion design
Revue de la source · Video ShotcraftSKILL.md
Tâche Vidéo produit Produit • Un projet vidéo Remotion et un film produit rendu • Une spécification de design issue du produit, une correspondance des plans et un storyboard • Une timeline vérifiable avec les assets de capture et des exports facultatifs de projet modifiable Avant de commencer Nécessite un environnement Remotion/Node, une capture via navigateur et ffmpeg. Certains composants requièrent des paquets liés à Three.js ; l'analyse musicale facultative et l'export Jianying ajoutent des dépendances distinctes. Vérifiez séparément la licence applicable de Remotion.
Résumé éditorial · source examinée 2026-10-07 · exemple non généré

01 Fonctionnement

Video Shotcraft

Un pipeline de vidéo produit à partir de captures réelles, qui combine recettes de plans, tokens visuels du produit, implémentation Remotion déterministe, son et revue finale image par image.

Workflow fondé sur la sourcePas un benchmark d'exécution

La méthode de travail

Video Shotcraft est une bibliothèque de production et un workflow pour les vidéos produit. Son sujet principal est une véritable interface web ou desktop : captures de pages, découpes d'éléments et coordonnées servent de matière aux mouvements de caméra et aux démonstrations de fonctionnalités. Le skill fournit des fiches de recettes de plans, des implémentations de référence, des composants réutilisables, des assets audio et un modèle Ink Press, au lieu de demander à l'agent d'inventer chaque mouvement à partir d'une courte description.

Il existe trois modes distincts pour une vidéo complète : adapter le modèle existant, création autonome et co-création guidée. Le choix du mode change le processus d'approbation, pas l'obligation de comprendre le produit. Les tokens visuels doivent provenir du produit lui-même, tandis que les fiches de plans apportent la structure du mouvement. Un rendu final, une revue image par image et un traitement sonore font partie du parcours de production prévu ; aucun d'eux n'est établi du simple fait d'avoir généré un storyboard.

Livrables attendus

  • Un projet vidéo Remotion et un film produit rendu
  • Une spécification de design issue du produit, une correspondance des plans et un storyboard
  • Une timeline vérifiable avec les assets de capture et des exports facultatifs de projet modifiable
Voir le brief d'exemple

Du brief à la revue

  1. 01
    Inspecter et choisir un mode

    Lisez le produit sans modifier son code métier. Décidez si le modèle existant convient, si les décisions créatives sont déléguées ou si les décisions importantes exigent des validations guidées.

  2. 02
    Définir la direction produit et sonore

    Extrayez la typographie, les espacements et les matières du produit, identifiez les états de démonstration sûrs et analysez la musique choisie par l'utilisateur avant de storyboarder un film synchronisé sur les temps. Prévoyez de vraies captures de l'interface existante plutôt que de la recréer de mémoire.

  3. 03
    Associer fonctionnalités et plans

    Sélectionnez des recettes de plans et lisez leurs implémentations de référence exactes. Planifiez le rythme, les pauses, les légendes et le son. En mode guidé, obtenez l'approbation complète du storyboard avant la capture finale des pages et éléments ; dans tous les modes, supprimez ou remplacez les données sensibles avant la capture.

  4. 04
    Rendre et inspecter

    Passez en revue les images fixes et les rendus complets, vérifiez le timing et la sécurité des données, puis obtenez la revue finale indépendante documentée. Si de la musique est utilisée, conservez un rendu alternatif sans musique de fond.

02 Cas d’usage

Quand l'utiliser

Nécessite un environnement Remotion/Node, une capture via navigateur et ffmpeg. Certains composants requièrent des paquets liés à Three.js ; l'analyse musicale facultative et l'export Jianying ajoutent des dépendances distinctes. Vérifiez séparément la licence applicable de Remotion.

Un bon choix

  • Films de produits logicielsConvient à un récit de fonctionnalité dont la crédibilité repose sur des écrans reconnaissables, plutôt que sur une interface inventée habillée d'un style cinématographique.
  • Un traitement de mouvement précisUne seule fiche de plan peut suffire pour une tâche de mouvement isolée lorsqu'un film promotionnel complet n'est pas nécessaire.

Limites à vérifier

  • Runtime et droits sur les assetsRemotion ainsi que toute musique, vidéo ou police fournie ont leurs propres conditions. La disponibilité du skill ne règle pas les exigences d'usage commercial de chaque dépendance.
  • Les captures peuvent exposer des donnéesLes informations clients, internes, personnelles et d'identification doivent être retirées avant la capture. Une image réussie visuellement est inacceptable si elle révèle du contenu sensible.

Éléments à fournir

  • Produit et ordre des fonctionnalitésFournissez un projet local, une page accessible ou des captures approuvées, ainsi que les fonctionnalités réelles que le film doit expliquer.
  • Mode et contraintesChoisissez l'adaptation du modèle, la création autonome ou la co-création guidée. Indiquez la durée, le format d'image, les plans indispensables et les contraintes de marque non négociables.
  • Son et données sûresFournissez de la musique libre de droits si vous le souhaitez et précisez quelles données de démonstration peuvent apparaître. Confirmez les remplacements avant le début de la collecte des écrans.

03 Décisions importantes

Décisions importantes

  1. Des recettes de mouvement avec du code

    L'implémentation réelle d'une recette conserve des détails comme l'accélération et le masquage, que l'agent perd facilement s'il improvise à partir du seul nom du plan.

  2. L'identité du produit est préservée

    Séparer la structure du mouvement de la typographie et des matières permet d'adapter un effet éprouvé sans imposer au produit un style promotionnel étranger.

04 Exemple de brief

Essayer un brief ciblé

Le brief d'exemple ci-dessous n'a pas été testé. Vérifiez la configuration du skill avant de l'utiliser.

Vérifier la configuration

Utilisez le dépôt complet avec les fiches de plans, les démos, les composants et les fichiers de modèle. Les commandes de rendu de la source ne constituent pas une commande d'installation générale.

Fichier source amont
https://github.com/Vincentwei1021/video-shotcraft/blob/5ddbf521038b0a7accfb6dc1e0a9eb29c67277ab/SKILL.md

Nécessite un environnement Remotion/Node, une capture via navigateur et ffmpeg. Certains composants requièrent des paquets liés à Three.js ; l'analyse musicale facultative et l'export Jianying ajoutent des dépendances distinctes. Vérifiez séparément la licence applicable de Remotion.

Commencer par un seul livrable

Adaptez le périmètre, les contenus sources et les contraintes de ce brief avant d'exécuter le skill.

Brief d'exemple
Utilisez Video Shotcraft en mode de co-création guidée pour le projet fourni. Réalisez un court film expliquant la recherche, les collections enregistrées et l'export, à partir de captures d'interface réelles avec uniquement des données de démonstration. Conservez la typographie et les couleurs existantes du produit. Proposez la correspondance fonctionnalités-plans et un storyboard complet avant la production, puis rendez et examinez le résultat. Ne publiez pas le film et ne téléversez pas les captures sources.

Inspecter le résultat

Comparez le résultat réel à ces critères observables.

  • Les images d'interface rendues correspondent aux états produit approuvés et ne contiennent aucune donnée sensible.
  • Chaque plan sélectionné correspond à une fonctionnalité concrète ou à un objectif narratif.
  • Le rendu livré a été inspecté comme séquence complète, et pas seulement à travers des images fixes isolées.

OpenDesign fournit un espace de design local pour les agents de code. Cette fiche ne signifie pas que le skill est fourni avec le produit, ni que ses outils externes, identifiants et dépendances logicielles sont inclus.

05 Source et licence

Source et licence

Cette page décrit la révision de source figée liée ci-dessous. Le comportement et les exigences en amont peuvent changer.

Propriétaire de la source
Vincentwei1021
Fichier du skill
SKILL.md
Licence
Apache-2.0
Instantané examiné
2026-10-07 · 5ddbf521038b
Résumé éditorial de la source
Un pipeline de vidéo produit à partir de captures réelles, qui combine recettes de plans, tokens visuels du produit, implémentation Remotion déterministe, son et revue finale image par image.

Résumé original de OpenDesign, fondé sur la source liée. Les étoiles du dépôt sont un indicateur de popularité daté, pas une mesure d'usage du skill ni une note de qualité.

06 Questions avant de commencer

Questions avant de commencer

Dois-je utiliser le style Ink Press ?

Non. Le modèle n'est qu'un mode. La création autonome et la co-création guidée peuvent construire une nouvelle direction, et même l'adaptation du modèle doit reprendre l'identité visuelle du produit visé.

Puis-je demander une seule animation ?

Oui. La source prévoit d'utiliser une seule fiche de plan et son implémentation de référence pour une tâche de mouvement ciblée.

L'export d'un projet vidéo modifiable est-il automatique ?

La source décrit une voie d'export Jianying facultative. Elle nécessite ses propres dépendances et vérifications de plateforme ; il faut donc la demander et la vérifier séparément du rendu principal.

OpenDesign

Faites de la place pour la prochaine itération de design.

Gardez votre brief, vos sources et votre travail de design réunis dans un espace de travail local. Vérifiez la configuration propre au skill avant de l'ajouter à votre workflow.

Fichier source amont
https://github.com/Vincentwei1021/video-shotcraft/blob/5ddbf521038b0a7accfb6dc1e0a9eb29c67277ab/SKILL.md