HyperFramespar HeyGen

HyperFrames Skill.

Partez de la vidéo dont vous avez besoin, pas d'un tas d'outils d'animation. HyperFrames est le skill d'entrée : il lit l'état du projet, sélectionne le bon workflow de production et fait appel aux capacités nécessaires pour transformer des compositions HTML en vidéo.

HTML vers vidéo
Routage de workflow
Production vidéo

Télécharger OpenDesign Voir le guide d'utilisation

Revue de la source · hyperframesSKILL.md

Tâche Production vidéo Produit • Un workflow sélectionné et un brief pour une création from scratch • Une composition HTML et un aperçu via ce workflow • Une vidéo rendue lorsque le rendu est demandé et effectué Avant de commencer La CLI nécessite Node.js 22+ et FFmpeg. Commencez par les skills de base ; les workflows de création s'installent à la demande. Les services média et le rendu dans le cloud peuvent ajouter des prérequis.

Résumé éditorial · source examinée 2026-10-12 · exemple non généré

01 Ce qu'il fait

Un point d'entrée, différents workflows de production

Le skill principal choisit la manière de procéder. Le workflow sélectionné et les skills de domaine gèrent la composition, les médias et le rendu.

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

La méthode de travail

Un lancement produit, une passe de sous-titres et un diaporama interactif sont des livrables différents, même s'ils comportent tous du mouvement. HyperFrames route selon le résultat demandé : une promo pilotée par un site web, des sous-titres simples sur des images existantes, une musique synchronisée sur le rythme, un court motion graphic ou une composition sur mesure ont chacun un parcours distinct. La source fournit aussi un parcours explicite pour porter une source Remotion.

Les projets existants ne sont pas traités comme des départs à blanc. Le routeur vérifie le brief et les artefacts du projet, reprend le workflow enregistré ou n'effectue que l'opération demandée. Pour une création from scratch, il consigne l'intention dans BRIEF.md, installe le workflow sélectionné et ne charge les capacités spécialisées qu'au besoin.

Livrables attendus

Un choix de workflow et un BRIEF.md pour une création from scratch
Une composition HTML modifiable, avec aperçu et fichiers de projet complémentaires selon le workflow
Une vidéo rendue sur demande ; un diaporama navigable ou un storyboard validé peut constituer un autre point d'arrivée

Voir l'exemple de brief

De la demande à la production

01
Identifier l'état du projet
Distinguez une création from scratch d'une modification, d'une opération de rendu seul ou d'un projet disposant déjà d'un brief. Réutilisez les préférences enregistrées plutôt que de relancer l'entretien.
02
Choisir selon le livrable
Associez le résultat demandé au contrat du workflow. Des images existantes avec sous-titres ne constituent pas une nouvelle vidéo explicative, et une simple musique de fond ne rend pas un projet piloté par la musique.
03
Charger les capacités requises
Installez à la demande le workflow de création sélectionné. Faites appel aux consignes de composition, de motion, de médias, d'audio ou de CLI correspondant au travail réellement nécessaire, plutôt que d'installer tous les workflows par défaut.
04
Relire et rendre avec discernement
Utilisez l'aperçu et les vérifications du workflow, puis rendez le livrable convenu. La validation HTML ne remplace pas le visionnage du résultat ; une demande explicite de rendu seul reste cette seule opération.

02 Quand l'utiliser

Quand l'utiliser

Utilisez le routeur lorsqu'une demande vidéo nécessite le bon parcours de production, ou lorsque vous voulez reprendre un projet HyperFrames existant sans perdre son contexte.

Cas d'usage adaptés

Une nouvelle vidéo avec un sujet clairApportez un site web, une PR, un sujet, des images ou un morceau de musique et décrivez le résultat visé. Le routeur détermine quel workflow, spécialisé ou général, s'applique.
Reprendre un projet existantUn brief enregistré, la configuration du projet et un storyboard permettent à l'agent de poursuivre la direction établie au lieu de reposer les mêmes questions.
Combiner plusieurs couches de productionUne pièce peut nécessiter le timing HTML, du motion navigable image par image, des médias et de l'audio. Le routeur relie ces capacités sans considérer une seule technique d'animation comme la totalité du travail.

Limites à vérifier

Pas un preset d'animation autonomeCe skill est un point d'entrée d'orchestration. Installer ses instructions ne remplace ni le workflow sélectionné, ni la CLI, ni les dépendances de rendu, ni les ressources médias.
Toutes les demandes ne se terminent pas en MP4Une présentation navigable, un storyboard approuvé ou une tâche d'aperçu seul ont un autre point d'arrivée. Précisez si un fichier rendu est réellement nécessaire.
Les services externes ont leurs propres prérequisLa source vérifie l'usage pendant la création. La génération de médias et les services hébergés peuvent exiger des comptes, un quota disponible ou des autorisations supplémentaires ; une licence open source ne rend pas chaque service illimité.

Les éléments à fournir

Le livrable viséIndiquez le public, le sujet, le format d'image, la durée approximative et le format final. Précisez s'il s'agit d'une promo, d'une passe de sous-titres, d'un diaporama, d'une vidéo explicative ou d'un montage sur mesure.
Matériaux sources utilisablesFournissez des textes validés, des images, des captures d'écran du produit, de la musique ou des URL sources. Identifiez les affirmations et les droits sur les ressources ; un média généré ne remplace pas une preuve factuelle sur le produit.
Projet existant et limites de relecturePartagez BRIEF.md et les fichiers de projet pertinents pour poursuivre un travail. Précisez les points de validation, les contraintes de travail en local et si le rendu ou la publication sont autorisés.

03 Les décisions qui comptent

Les décisions qui comptent

Le brief porte la route
Pour un travail from scratch, le processus d'intention aboutit à BRIEF.md. La production ultérieure doit suivre ce choix enregistré au lieu de réinterpréter sans cesse la demande initiale.
Le timing HTML doit être navigable
Le framework rend des images individuelles à partir d'une composition chronométrée. Le motion et les médias doivent respecter son contrat de création, et pas seulement sembler corrects pendant une lecture normale dans le navigateur.
Une installation de workflows ciblée
L'installation autonome documentée met en place le socle de base et ajoute les workflows de création lorsqu'ils sont sélectionnés. Un package de plugin possède son propre catalogue intégré et son gestionnaire de mises à jour ; les deux méthodes d'installation ne sont pas interchangeables.

04 Essayer un brief ciblé

Essayer un brief ciblé

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

Installer les skills de base

La commande ci-dessous correspond à l'installation du socle de base décrite dans le README, pour les agents et l'usage non interactif.

Installation documentée du socle de base

npx hyperframes skills update

La CLI nécessite Node.js 22+ et FFmpeg. L'alternative interactive est npx skills add heygen-com/hyperframes, puis sélectionnez Core Skills. Claude Code dispose aussi d'une installation par plugin documentée séparément. Les workflows de création sont chargés à la demande ; cette page ne prétend pas qu'un test d'installation ait été effectué.

Commencer par une demande vidéo délimitée

Utilisez le brief non testé ci-dessous pour expliciter le sujet, les ressources, la sortie et le point d'arrêt. Un projet existant doit inclure son brief et sa configuration actuels.

Exemple de brief

Utilise le point d'entrée HyperFrames pour planifier une vidéo de présentation produit de 20 secondes, en 16:9, à partir des captures d'écran et des textes validés que je fournis. Utilise uniquement ces ressources et ces affirmations ; ne génère ni musique, ni narration, ni média supplémentaire. Commence par vérifier si ce dossier contient déjà BRIEF.md ou hyperframes.json et conserve les décisions enregistrées. Pour un travail from scratch, confirme le public et le workflow, rédige le brief, puis prépare une composition HTML et un aperçu local. Garde le projet en local. Montre l'aperçu et indique les vérifications réellement effectuées avant le rendu ; ne publie rien et n'utilise aucun service payant. Si un workflow, une dépendance ou une vérification d'usage requis n'est pas disponible, explique la limite au lieu de faire comme si c'était terminé.

Relire avant le rendu final

Examinez la route choisie, l'usage des ressources, l'aperçu et les vérifications signalées. Visionnez le fichier rendu lorsqu'il en existe un, et séparez le rendu de la publication.

Le workflow sélectionné correspond au livrable demandé et conserve les décisions existantes du projet.
L'aperçu utilise les affirmations et ressources fournies, avec un texte lisible et un timing qui fonctionne en navigation image par image.
Les résultats des dépendances, de l'usage et du rendu sont explicites ; un aperçu local n'est pas présenté comme une vidéo publiée ou rendue.

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

Télécharger OpenDesign Lire le guide de démarrage rapide

05 Source et licence

Source et licence

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

Propriétaire de la source: HeyGen
Dépôt: heygen-com/hyperframes
Fichier du skill: skills/hyperframes/SKILL.md
Licence: Apache-2.0
Instantané examiné: 2026-10-12 · 2905162d925f

Résumé éditorial de la source

HyperFrames est le point d'entrée de routage et de reprise de projet d'une famille de workflows vidéo natifs HTML. Il sélectionne les parcours de production et charge les capacités de domaine ; ce n'est ni un effet d'animation isolé, ni un résultat enregistré.

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

En quoi le skill principal diffère-t-il de hyperframes-animation ?

Le skill principal identifie l'état du projet et choisit le workflow de production. Le skill d'animation fournit les règles de motion et les consignes d'exécution lorsque ce workflow en a besoin. Commencez par le point d'entrée principal pour une demande vidéo de bout en bout.

Ai-je besoin de React ou de tous les skills publiés ?

React n'est pas nécessaire : HyperFrames crée les compositions en HTML avec une animation navigable image par image. Le README autonome recommande d'abord le socle de base, avec les workflows de création installés à la demande ; les installations par plugin intègrent leur propre catalogue.

Peut-il simplement rendre un projet existant ?

Oui. La source traite une demande précise de rendu, d'inspection, de validation ou d'aperçu comme une opération délimitée, sans relancer l'entretien de création from scratch. Le projet a tout de même besoin de la CLI et de l'environnement de rendu requis.

HyperFrames

Partez de la vidéo dont vous avez besoin

Apportez un brief délimité ou un projet existant. Choisissez le bon workflow, examinez l'aperçu et décidez explicitement du moment du rendu ou de la publication.

Télécharger OpenDesign Parcourir les skills de design