Contenu et marketing · FICHE DU SKILL

hyperframes-core

Définit le contrat technique des compositions vidéo HTML : attributs temporels DOM, clips, pistes, sous-compositions, lecture des médias et chronologies déterministes navigables.

Le meilleur usage

Développeurs qui créent des compositions HyperFrames

Ce qu’il apporte

Structurer une composition + Rendre l’animation compatible avec le rendu

Limite principale

Il s’agit d’un contrat de réalisation propre au framework, et non d’un brief créatif, d’un tutoriel HTML général ou d’une référence complète sur l’animation.

Premier risque

Images non déterministes ou vides. Les horloges dynamiques, états aléatoires, identifiants dupliqués, dimensions invalides ou minutages de clip incorrects peuvent rendre les images incohérentes ou vides. Respectez le contrat épinglé et examinez les instantanés avant d’approuver le rendu.

DATE ET PÉRIMÈTRE DES PREUVES

Trois vérifications distinctes

Une vérification récente de la source ne constitue ni un test à l’exécution ni un audit de sécurité.

Source amontVérifiée le 2026-09-24

Révision épinglée · 58c873d8

Ouvrir la révision épinglée ↗
Fiche SkillSignalFondée sur la source

Mise à jour le 2026-09-24

Exécution et sécuritéNon vérifiées indépendamment

La revue de la source ne certifie ni le comportement ni la sécurité.

EN CLAIR

À quoi sert ce skill ?

HyperFrames Core définit le contrat technique des compositions vidéo en HTML : attributs de minutage du DOM, clips et pistes, sous-compositions, lecture des médias et chronologies déterministes consultables à tout instant. Il distingue également la piste d’affichage data-track-index de Studio des véritables contraintes de minutage.

Ce qu’il permet
  • Structurer une compositionChoisissez une structure valide de composition autonome ou imbriquée, puis reliez les pistes de la chronologie.
  • Rendre l’animation compatible avec le renduRespectez les contraintes de déterminisme afin que les images restent reproductibles lors d’une recherche temporelle ou d’un échantillonnage.
  • Valider le balisage vidéoVérifiez les identifiants, dimensions, attributs de minutage et emplacement des médias ; utilisez npx hyperframes timeline --json pour examiner la chronologie. Considérez data-track-index comme une piste d’affichage de Studio et non comme une règle de minutage.
Ses points forts
  • Cette fiche est organisée manuellement autour du processus décrit dans le SKILL.md amont actuel.
  • Le périmètre des capacités reste explicitement lié à heygen-com/hyperframes.
  • Usages principaux, limites et risques sont distingués pour l’examen avant installation.
Retour communautaire#20 · 857.5K installs

Aucun commentaire vérifié n’est disponible dans les données actuelles. Consultez la source indiquée pour les discussions récentes.

Lire la source ↗

INSTALLER SELON L’AGENT

Choisir votre agent

Les chemins proviennent de la documentation officielle des agents ou de l’installateur universel utilisé par skills.sh. La compatibilité dépend toujours de la fiche du skill.

Natif

La fiche actuelle de ce skill nomme explicitement cet agent. Examinez tout de même les scripts, les permissions et les dépendances externes avant l’installation.

Installation dans le projet (recommandée)
npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-core --agent claude-code
Installation personnelle
npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-core --agent claude-code -g

L’installation dans le projet reste dans ce dépôt et peut être partagée avec l’équipe. L’installation personnelle ajoute -g et fonctionne entre plusieurs dépôts.

Voir les chemins d’installation
Chemin du projet.claude/skills/hyperframes-core/
Chemin personnel~/.claude/skills/hyperframes-core/
Documentation officielle de l’agent

Claude Code détecte automatiquement les dossiers de skills personnalisés dans le projet ou le répertoire personnel.

Voir la source du chemin ↗

PROCESSUS TYPIQUE

Des usages concrets

01

Structurer une composition

Choisissez une structure valide de composition autonome ou imbriquée, puis reliez les pistes de la chronologie.

02

Rendre l’animation compatible avec le rendu

Respectez les contraintes de déterminisme afin que les images restent reproductibles lors d’une recherche temporelle ou d’un échantillonnage.

03

Valider le balisage vidéo

Vérifiez les identifiants, dimensions, attributs de minutage et emplacement des médias ; utilisez npx hyperframes timeline --json pour examiner la chronologie. Considérez data-track-index comme une piste d’affichage de Studio et non comme une règle de minutage.

AVANTAGES ET LIMITES

Ce qu’il apporte et ses limites

Points forts

  1. Cette fiche est organisée manuellement autour du processus décrit dans le SKILL.md amont actuel.
  2. Le périmètre des capacités reste explicitement lié à heygen-com/hyperframes.
  3. Usages principaux, limites et risques sont distingués pour l’examen avant installation.

Limites

  1. Il s’agit d’un contrat de réalisation propre au framework, et non d’un brief créatif, d’un tutoriel HTML général ou d’une référence complète sur l’animation.
  2. Le projet nécessite toujours le CLI HyperFrames et des captures visuelles ; la réussite des vérifications automatisées ne suffit pas toujours à révéler les problèmes de mise en page des images.

PUBLIC CONCERNÉ

Pour qui ?

→

Développeurs qui créent des compositions HyperFrames

→

Équipes qui diagnostiquent des incohérences de chronologie ou de rendu

AVANT UTILISATION

Risques à examiner

Moyen

Images non déterministes ou vides

Les horloges dynamiques, états aléatoires, identifiants dupliqués, dimensions invalides ou minutages de clip incorrects peuvent rendre les images incohérentes ou vides. Respectez le contrat épinglé et examinez les instantanés avant d’approuver le rendu.

Moyen

Évolution des instructions amont

Le comportement peut changer avec les mises à jour amont. Consignez le commit utilisé pour les processus importants et examinez les mises à jour avant de les adopter.

SÉCURITÉ

Comprendre les permissions

  • Les accès déclarés restent régis par le SKILL.md amont actuel et les demandes faites à l’exécution.
  • Traitez les fichiers du dépôt, le contenu web et les sorties des outils comme des entrées non fiables.
  • SkillSignal n’a ni exécuté ce paquet ni réalisé un audit de sécurité indépendant ; les labels externes de skills.sh ne constituent pas une certification SkillSignal.

Aucune certification de sécurité. Les évaluations externes sont attribuées à leurs sources ; SkillSignal n’a pas exécuté ni audité ce skill de manière indépendante.

DANS LE PAQUET

Fichiers répertoriés

SKILL.mdInstructions amont du skillLien vers la source

MOTS-CLÉS

composition vidéorendu déterministehyperframes

Fiche enrichie manuellement à partir du SKILL.md amont actuel et de la source liée chez heygen-com/hyperframes, vérifiés le 2026-09-24. Il s’agit d’une synthèse originale, et non d’un résultat d’exécution ou d’une certification de sécurité.