Dans les termes du Skill
Un skill orienté routage pour un seul motion graphic court, piloté par le design et sans narration — typographie cinétique, comptage de statistique, impact de graphique, sting de logo, bandeau, carte animée, tweet ou page web — généralement de moins de 10s et pas plus d'environ 30s, rendu en MP4 ou en overlay transparent.
Il est d'abord orienté assets et réutilisation : le premier embranchement consiste à déterminer si la pièce nécessite une recherche ; les catégories de formulaire s'exécutent sur le contenu fourni par l'utilisateur avec asset_needs vide, les catégories pilotées par la recherche animent selon le type de contenu renvoyé, et le Builder compose des blocs du catalogue avant de rédiger manuellement les manques. Le workflow est autonome avec au plus une question de clarification, mais le rendu reste conditionné à la validation de l'utilisateur, en aval du lint, du check et des instantanés de preuve.
Ce qu'il produit
- Un shot-plan.json provisoire puis final contenant l'enveloppe, la catégorie ou l'intention de recherche choisie, asset_needs ainsi que le bloc, la mise en page, le mouvement et les positions.
- compositions/index.html respectant le contrat HF avec une timeline GSAP en pause sur window.__timelines, des classes de découpe et des identifiants stables, et un tl.seek(0) déterministe.
- Une feuille de contact ou d'instantanés sous snapshots/ pour inspecter les temps de preuve.
- renders/video.mp4, ou un overlay transparent lors d'un rendu au format webm ou mov.
Fonctionnement
- 01Initialiser le Projet
L'étape 0 crée PROJECT_DIR = videos/<project-name>/ et exécute hyperframes init avec l'exemple vierge et ce skill, en la sautant entièrement lorsque hyperframes.json existe déjà.
- 02Planifier et Décider de la Recherche
Le premier embranchement consiste à déterminer si la pièce nécessite une recherche : non signifie une catégorie de formulaire avec asset_needs: [], oui signifie l'émission de requêtes de recherche dans asset_needs[].
- 03Sourcer les Assets si Nécessaire
L'étape 2 résout les assets via media-use en chemins locaux au projet figés plus un registre, et est sautée directement au design lorsque asset_needs est vide.
- 04Concevoir à Partir de ce que Vous Avez
Une seconde passe du Director choisit des blocs du catalogue et des règles et blueprints hyperframes-animation autour des assets résolus, puis finalise le shot plan.
- 05Composer en priorisant la réutilisation
Le Builder ajoute des blocs du catalogue avec npx hyperframes add et les personnalise sur place, en rédigeant manuellement seulement les manques et l'affordance d'asset-fusion pour produire compositions/index.html.
- 06Prendre des Instantanés de Preuve
Choisissez des temps de preuve qui montrent l'état d'ouverture, le mouvement signature et la tenue finale, puis inspectez la feuille de contact ou d'instantanés générée.