📦

animejs

Name: animejs
Author: heygen-com

Révision du contenu r1 Sûr ⚙️ Commandes externes🌐 Accès réseau

Créer des HyperFrames Anime.js déterministes

Les animations Anime.js peuvent dériver lorsqu’elles s’exécutent avec leur propre horloge. Cette compétence présente des modèles HyperFrames déterministes qui enregistrent les animations et les parcourent via l’adaptateur d’exécution.

Prend en charge: Claude Codex Code(CC)

🥉 78 Bronze

Maintain this Skill? Claim it 🥉 78 Bronze

Installer avec mon Agent

Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.

Demande d’agent

Review the Skillstore skill "animejs" from https://skillstore.io/skills/heygen-com-animejs.md and its manifest at https://skillstore.io/api/skills/heygen-com-animejs/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.

Ressources lisibles par les agents

Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.

Détail Markdown GET /skills/heygen-com-animejs.md manifest signé GET /api/skills/heygen-com-animejs/manifest lockfile signé GET /api/skills/heygen-com-animejs/lockfile

Tester

Utilisation de « animejs ». Une demande pour animer un titre et une ligne d’accent dans HyperFrames.

Résultat attendu:

Un plan de timeline déterministe avec autoplay désactivé, des durées finies et un enregistrement explicite sur window.__hfAnime.

Utilisation de « animejs ». Un exemple Anime.js pour navigateur copié depuis la documentation.

Résultat attendu:

Une adaptation sûre pour le rendu qui s’initialise de manière synchrone et peut être contrôlée par l’horloge HyperFrames.

Utilisation de « animejs ». Une composition qui dépend de minuteurs et de boucles infinies.

Résultat attendu:

Un résumé de revue qui identifie les modèles d’animation non déterministes et suggère des remplacements finis pilotés par seek.

Audit de sécurité

Sûr

v6 • 09/07/2026 Ouvrir le rapport versionné

Most static findings are false positives caused by Markdown backticks, inline code, code fences, or safe prose. Two findings are confirmed because example snippets load Anime.js from jsDelivr, creating a real external dependency. No prompt injection or malicious intent was found in the reviewed skill file.

Fichiers analysés

115

Lignes analysées

Éléments à examiner

Faux positifs ignorés

Éléments d’évaluation des capacités (2)

Il s’agit de capacités locales réelles qui peuvent être attendues pour cette compétence ; elles nécessitent donc un examen, mais ne sont pas comptabilisées comme comportement malveillant confirmé.

Faible

SKILL.md:23

Hardcoded URL

The HTML example loads Anime.js from jsDelivr at runtime. This is a legitimate dependency pattern, but it creates a real external network and supply-chain dependency.

Faible

SKILL.md:74

Hardcoded URL

import { animate } from "https://cdn.jsdelivr.net/npm/animejs/+esm";

The module example imports Anime.js directly from jsDelivr. The URL is intentional, but generated compositions may fetch third-party code at runtime.

Facteurs de risque

⚙️ Commandes externes (17)

SKILL.md:8 SKILL.md:13 SKILL.md:14 SKILL.md:18 SKILL.md:22-38 SKILL.md:38-42 SKILL.md:42-66 SKILL.md:66-70 SKILL.md:70 SKILL.md:72-85 SKILL.md:85-97 SKILL.md:97-98 SKILL.md:98 SKILL.md:106-109 SKILL.md:109-113 SKILL.md:113-114 SKILL.md:114

🌐 Accès réseau (3)

SKILL.md:23 SKILL.md:74 SKILL.md:114

Audité par: codex Voir l’historique des audits →

Partager et citer ce rapport

Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.

Ouvrir le rapport versionné

Copier le lien du rapport

https://skillstore.io/skills/heygen-com-animejs/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/heygen-com-animejs/security.svg)](https://skillstore.io/skills/heygen-com-animejs?utm_source=security_passport_badge)

Badge HTML

<a href="https://skillstore.io/skills/heygen-com-animejs?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-animejs/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Carte intégrable

<iframe src="https://skillstore.io/embed/skills/heygen-com-animejs.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citations académiques (APA · BibTeX · CFF)

Citation APA

heygen-com. (2026). animejs security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-animejs/audits/6

Citation BibTeX

@techreport{heygen-com-heygen-com-animejs-2026,
  author = {heygen-com},
  title = {animejs security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/heygen-com-animejs/audits/6},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "animejs security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
  - name: "heygen-com"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/heygen-com-animejs/audits/6"
identifiers:
  - type: other
    value: "skillstore:heygen-com-animejs:audit:6"
    description: "Skillstore immutable audit report identifier"

Score Skillstore

Pourquoi ce score Niveau de confiance des preuves: Élevé

Architecture

Maintenabilité

Contenu

Communauté

Conformité aux spécifications

Ce que vous pouvez créer

Convertir des exemples Anime.js

Adapter un exemple Anime.js existant afin qu’HyperFrames puisse le parcourir de manière déterministe.

Créer des micro-animations de timeline

Créer de petits ornements DOM ou SVG qui s’enregistrent auprès du runtime HyperFrames.

Examiner la sûreté du rendu

Vérifier une composition pour détecter autoplay, les boucles infinies, la configuration asynchrone et l’aléatoire non initialisé.

Essayez ces prompts

Ajouter une animation de base

Utilise la compétence animejs pour ajouter une animation Anime.js simple pilotée par seek à ma composition HyperFrames.

Convertir un extrait existant

Utilise la compétence animejs pour convertir cet exemple Anime.js en HTML HyperFrames sûr pour le rendu.

Créer une timeline enregistrée

Utilise la compétence animejs pour créer une timeline Anime.js finie et l’enregistrer sur window.__hfAnime.

Auditer le déterminisme

Utilise la compétence animejs pour examiner ma composition afin de détecter autoplay, la configuration asynchrone, les minuteurs et l’état d’animation non déterministe.

Bonnes pratiques

Créer les animations de manière synchrone pendant l’initialisation de la composition.
Définir autoplay sur false et enregistrer chaque instance sur window.__hfAnime.
Utiliser des durées et des nombres de boucles finis qui correspondent à la durée de la composition.

Éviter

Ne vous appuyez pas sur autoplay d’Anime.js pour le rendu HyperFrames.
Ne créez pas d’animations après des minuteurs, des promesses, des événements ou des chargements asynchrones de ressources.
Ne dépendez pas de l’auto-découverte anime.running au lieu d’un enregistrement explicite.

Foire aux questions

Que m’aide à créer cette compétence ?

Elle aide à créer des animations Anime.js qu’HyperFrames peut parcourir et rendre de manière déterministe.

Remplace-t-elle GSAP dans HyperFrames ?

Non. La compétence indique que GSAP reste la voie principale pour le séquençage de scènes complexes.

Pourquoi faut-il désactiver autoplay ?

Autoplay utilise le timing d’Anime.js au lieu de l’horloge HyperFrames, ce qui peut faire dériver les rendus.

À quoi sert window.__hfAnime ?

C’est le registre où les animations et timelines Anime.js sont exposées à l’adaptateur HyperFrames.

Puis-je utiliser des imports de modules ES ?

Oui. La compétence inclut un modèle de module ES, mais les imports CDN peuvent devoir être remplacés localement.

Comment dois-je valider les modifications ?

Exécutez les vérifications lint et validate d’HyperFrames après avoir modifié une composition qui utilise Anime.js.

Détails du développeur

Auteur

heygen-com

Licence

MIT

Révision Skillstore

Avis de version

L’auteur n’a déclaré aucune version.

Dépôt

https://github.com/heygen-com/hyperframes/tree/main/skills/animejs/

Réf

0519034dad657fb1f7706e0550e962beeda73fdf

Récence de maintenance

18/07/2026

Utilisation

4 téléchargements · 59 vues

Structure de fichiers

📄 SKILL.md