📦

lottie

Name: lottie
Author: heygen-com

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

Intégrer des animations Lottie dans HyperFrames

Les projets HyperFrames ont besoin d'une lecture Lottie déterministe plutôt que d'un décalage de timeline. Cette compétence présente le chargement d'assets locaux, l'enregistrement du lecteur et les modèles de validation pour lottie-web et dotLottie.

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 "lottie" from https://skillstore.io/skills/heygen-com-lottie.md and its manifest at https://skillstore.io/api/skills/heygen-com-lottie/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-lottie.md manifest signé GET /api/skills/heygen-com-lottie/manifest lockfile signé GET /api/skills/heygen-com-lottie/lockfile

Tester

Utilisation de « lottie ». Ajouter une animation de révélation de logo à une composition HyperFrames.

Résultat attendu:

Un asset lottie-web local est chargé avec l'autoplay désactivé, la boucle désactivée, des dimensions stables et l'enregistrement du lecteur HyperFrames.

Utilisation de « lottie ». Vérifier pourquoi une animation dotLottie ne se synchronise pas avec la timeline de rendu.

Résultat attendu:

L'examen identifie un enregistrement de lecteur manquant, un risque de chargement tardif et des changements de dimensionnement du conteneur pouvant casser la recherche déterministe.

Utilisation de « lottie ». Préparer plusieurs accents animés pour une scène.

Résultat attendu:

Chaque animation est ajoutée au registre Lottie partagé de HyperFrames afin que la composition puisse rechercher tous les lecteurs ensemble.

Audit de sécurité

Sûr

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

Static external-command findings are false positives caused by Markdown inline code, fenced examples, and documented HyperFrames validation commands. Two runtime CDN script examples are confirmed low supply-chain risks, while reference links are documentation only. No prompt injection, credential handling, or data exfiltration intent was found.

Fichiers analysés

113

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:24

Hardcoded URL

The sample HTML loads lottie-web from cdnjs at runtime, which creates a third-party script supply-chain dependency. It appears legitimate for Lottie playback, so the risk is low.

Faible

SKILL.md:50

Hardcoded URL

The sample HTML loads dotLottie from unpkg at runtime, which creates a third-party script supply-chain dependency. It appears legitimate for Lottie playback, so the risk is low.

Facteurs de risque

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-lottie/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-lottie/security.svg)](https://skillstore.io/skills/heygen-com-lottie?utm_source=security_passport_badge)

Badge HTML

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

Carte intégrable

<iframe src="https://skillstore.io/embed/skills/heygen-com-lottie.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). lottie security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-lottie/audits/6

Citation BibTeX

@techreport{heygen-com-heygen-com-lottie-2026,
  author = {heygen-com},
  title = {lottie security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/heygen-com-lottie/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: "lottie 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-lottie/audits/6"
identifiers:
  - type: other
    value: "skillstore:heygen-com-lottie: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

Ajouter du mouvement produit à une page HyperFrames

Utilisez le modèle lottie-web pour charger une animation JSON locale et l'enregistrer pour le contrôle de la timeline.

Porter des assets dotLottie dans un workflow de rendu

Utilisez le modèle canvas dotLottie pour garder une lecture déterministe pendant la validation et le rendu HyperFrames.

Examiner l'intégration d'animation avant la publication

Vérifiez que les assets sont locaux, que l'autoplay est désactivé, que les conteneurs sont stables et que les commandes de validation sont exécutées.

Essayez ces prompts

Créer une intégration Lottie de base

Utilisez cette compétence pour ajouter une animation lottie-web locale à ma page HyperFrames. Gardez l'autoplay désactivé et enregistrez le lecteur.

Adapter un fichier dotLottie

Utilisez cette compétence pour intégrer mon asset .lottie avec dotLottie dans HyperFrames. Incluez un dimensionnement canvas stable et l'enregistrement dans la timeline.

Auditer une page d'animation existante

Examinez mon intégration Lottie HyperFrames avec cette compétence. Trouvez les chemins d'assets distants, l'autoplay, l'enregistrement tardif et les conteneurs instables.

Concevoir une timeline multi-animation

Utilisez cette compétence pour coordonner plusieurs lecteurs Lottie et dotLottie dans une composition HyperFrames. Assurez-vous que chaque lecteur effectue la recherche ensemble.

Bonnes pratiques

Utilisez des assets d'animation locaux chaque fois que possible afin de garder les rendus déterministes.
Désactivez l'autoplay et enregistrez chaque lecteur avant l'exécution de la validation HyperFrames.
Testez les fichiers Lottie exportés dans un navigateur avant de les ajouter à une composition.

Éviter

Ne vous appuyez pas sur des chemins d'animation distants pendant le rendu.
Ne démarrez pas la lecture manuellement lorsque HyperFrames doit contrôler la recherche.
Ne supposez pas que chaque fonctionnalité After Effects survit à l'export Lottie.

Foire aux questions

Qu'est-ce que cette compétence m'aide à créer ?

Elle vous aide à intégrer des animations lottie-web et dotLottie dans HyperFrames avec un contrôle déterministe de la timeline.

Crée-t-elle des fichiers d'animation Lottie ?

Non. Elle suppose que vous avez déjà un asset JSON ou .lottie provenant d'un autre outil de conception.

Puis-je utiliser des assets d'animation distants ?

La compétence recommande les assets locaux, car les chemins distants peuvent rendre la sortie de rendu moins fiable.

Pourquoi l'autoplay doit-il être désactivé ?

HyperFrames doit rechercher directement dans la timeline de l'animation, donc la lecture automatique peut provoquer un décalage de synchronisation.

Prend-elle en charge plusieurs animations ?

Oui. La compétence montre comment placer plusieurs lecteurs dans le même registre window.__hfLottie.

Quels outils peuvent utiliser cette compétence ?

Le rapport liste la prise en charge de Claude, Codex et Claude Code.

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/lottie/

Réf

0519034dad657fb1f7706e0550e962beeda73fdf

Récence de maintenance

18/07/2026

Utilisation

1 téléchargements · 50 vues

Structure de fichiers

📄 SKILL.md