Contenu et marketing · FICHE DU SKILL

hyperframes-animation

Organise règles de mouvement, plans de scène, transitions, flou de mouvement, personnages Lottie et adaptateurs d’exécution autour de chronologies déterministes permettant la navigation temporelle.

Le meilleur usage

Designers de mouvement qui créent des vidéos courtes

Ce qu’il apporte

Composer un traitement de mouvement + Utiliser un plan de scène

Limite principale

Il suppose l’existence d’une composition HyperFrames et dépend du contrat Core distinct pour le minutage et les règles de rendu déterministe.

Premier risque

Mouvement dont le rendu manque de cohérence. Un tweening non pris en charge, le minutage à l’exécution ou l’état au chargement de la page peut désynchroniser les images échantillonnées. Assurez la compatibilité avec la navigation temporelle, respectez les restrictions Core et examinez séparément des images représentatives et les besoins liés à la réduction des animations.

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 Animation organise les règles de mouvement, plans de scène, transitions, effets de flou de mouvement, animations de personnages basées sur Lottie et adaptateurs d’exécution dans un processus compatible avec la navigation temporelle, fondé sur des chronologies déterministes.

Ce qu’il permet
  • Composer un traitement de mouvementSélectionnez quelques règles de mouvement atomiques et combinez-les sur une chronologie en pause.
  • Utiliser un plan de scèneChargez une séquence en plusieurs phases lorsqu’une chorégraphie adaptée simplifie réellement la création.
  • Choisir un moteur d’animationConsultez les consignes pour GSAP, Lottie, Three.js, CSS, WAAPI ou d’autres adaptateurs pris en charge.
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#17 · 925.1K 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-animation --agent claude-code
Installation personnelle
npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-animation --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-animation/
Chemin personnel~/.claude/skills/hyperframes-animation/
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

Composer un traitement de mouvement

Sélectionnez quelques règles de mouvement atomiques et combinez-les sur une chronologie en pause.

02

Utiliser un plan de scène

Chargez une séquence en plusieurs phases lorsqu’une chorégraphie adaptée simplifie réellement la création.

03

Choisir un moteur d’animation

Consultez les consignes pour GSAP, Lottie, Three.js, CSS, WAAPI ou d’autres adaptateurs pris en charge.

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 suppose l’existence d’une composition HyperFrames et dépend du contrat Core distinct pour le minutage et les règles de rendu déterministe.
  2. Des plans complexes et plusieurs moteurs peuvent ajouter de la difficulté ; choisissez uniquement les motifs nécessaires à la scène réelle.

PUBLIC CONCERNÉ

Pour qui ?

→

Designers de mouvement qui créent des vidéos courtes

→

Ingénieurs frontend qui réalisent des animations fondées sur une chronologie

AVANT UTILISATION

Risques à examiner

Moyen

Mouvement dont le rendu manque de cohérence

Un tweening non pris en charge, le minutage à l’exécution ou l’état au chargement de la page peut désynchroniser les images échantillonnées. Assurez la compatibilité avec la navigation temporelle, respectez les restrictions Core et examinez séparément des images représentatives et les besoins liés à la réduction des animations.

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

design du mouvementanimationGSAP

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é.