📦

lottie

Name: lottie
Author: heygen-com

Inhaltsrevision r1 Sicher ⚙️ Externe Befehle🌐 Netzwerkzugriff

Lottie-Animationen in HyperFrames einbetten

HyperFrames-Projekte benötigen deterministische Lottie-Wiedergabe statt Timeline-Drift. Diese Skill zeigt das Laden lokaler Assets, die Player-Registrierung und Validierungsmuster für lottie-web und dotLottie.

Unterstützt: Claude Codex Code(CC)

🥉 78 Bronze

Maintain this Skill? Claim it 🥉 78 Bronze

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage

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.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/heygen-com-lottie.md Signiertes manifest GET /api/skills/heygen-com-lottie/manifest Signiertes lockfile GET /api/skills/heygen-com-lottie/lockfile

Testen

„lottie“ wird verwendet. Füge einer HyperFrames-Komposition eine Logo-Reveal-Animation hinzu.

Erwartetes Ergebnis:

Ein lokales lottie-web-Asset wird mit deaktiviertem autoplay, deaktiviertem Loop, stabilen Abmessungen und HyperFrames-Player-Registrierung geladen.

„lottie“ wird verwendet. Prüfe, warum eine dotLottie-Animation nicht mit der Render-Timeline synchronisiert wird.

Erwartetes Ergebnis:

Die Prüfung identifiziert fehlende Player-Registrierung, Risiko durch spätes Laden und Änderungen der Container-Größe, die deterministisches Seeking unterbrechen können.

„lottie“ wird verwendet. Bereite mehrere animierte Akzente für eine Szene vor.

Erwartetes Ergebnis:

Jede Animation wird der gemeinsamen HyperFrames-Lottie-Registry hinzugefügt, damit die Komposition jeden Player gemeinsam seeken kann.

Sicherheitsaudit

Sicher

v6 • 9.7.2026 Versionsbericht öffnen

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.

Gescannte Dateien

113

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Elemente der Fähigkeitsprüfung (2)

Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.

Niedrig

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.

Niedrig

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.

Risikofaktoren

Geprüft von: codex Audit-Verlauf anzeigen →

Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen

Berichtslink kopieren

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

Markdown-Badge

[![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)

HTML-Badge

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

Einbettungskarte

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

Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

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

BibTeX-Zitat

@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"

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Produktbewegung zu einer HyperFrames-Seite hinzufügen

Verwende das lottie-web-Muster, um eine lokale JSON-Animation zu laden und sie für die Timeline-Steuerung zu registrieren.

dotLottie-Assets in einen Render-Workflow übertragen

Verwende das dotLottie-Canvas-Muster, um die Wiedergabe während der HyperFrames-Validierung und des Renderings deterministisch zu halten.

Animationsintegration vor dem Release prüfen

Prüfe, dass Assets lokal sind, autoplay deaktiviert ist, Container stabil sind und Validierungsbefehle ausgeführt werden.

Diese Prompts ausprobieren

Eine einfache Lottie-Einbettung erstellen

Verwende diese Skill, um meiner HyperFrames-Seite eine lokale lottie-web-Animation hinzuzufügen. Lasse autoplay deaktiviert und registriere den Player.

Eine dotLottie-Datei anpassen

Verwende diese Skill, um mein .lottie-Asset mit dotLottie in HyperFrames einzubetten. Füge stabile Canvas-Größen und Timeline-Registrierung hinzu.

Eine bestehende Animationsseite auditieren

Überprüfe meine HyperFrames-Lottie-Integration mit dieser Skill. Finde entfernte Asset-Pfade, autoplay, späte Registrierung und instabile Container.

Eine Multi-Animation-Timeline entwerfen

Verwende diese Skill, um mehrere Lottie- und dotLottie-Player in einer HyperFrames-Komposition zu koordinieren. Stelle sicher, dass jeder Player gemeinsam seekt.

Bewährte Praktiken

Verwende nach Möglichkeit lokale Animations-Assets, um Renderings deterministisch zu halten.
Deaktiviere autoplay und registriere jeden Player, bevor die HyperFrames-Validierung ausgeführt wird.
Teste exportierte Lottie-Dateien in einem Browser, bevor du sie einer Komposition hinzufügst.

Vermeiden

Verlasse dich während der Render-Zeit nicht auf entfernte Animationspfade.
Starte die Wiedergabe nicht manuell, wenn HyperFrames das Seeking steuern soll.
Gehe nicht davon aus, dass jedes After Effects-Feature den Lottie-Export übersteht.

Häufig gestellte Fragen

Was hilft mir diese Skill zu erstellen?

Sie hilft dir, lottie-web- und dotLottie-Animationen mit deterministischer Timeline-Steuerung in HyperFrames einzubetten.

Erstellt sie Lottie-Animationsdateien?

Nein. Sie setzt voraus, dass du bereits ein JSON- oder .lottie-Asset aus einem anderen Design-Tool hast.

Kann ich entfernte Animations-Assets verwenden?

Die Skill empfiehlt lokale Assets, weil entfernte Pfade die Render-Ausgabe weniger zuverlässig machen können.

Warum sollte autoplay deaktiviert sein?

HyperFrames muss die Animations-Timeline direkt seeken, daher kann automatische Wiedergabe Timing-Drift verursachen.

Unterstützt sie mehrere Animationen?

Ja. Die Skill zeigt, wie mehrere Player in derselben window.__hfLottie-Registry platziert werden.

Welche Tools können diese Skill verwenden?

Der Bericht listet Unterstützung für Claude, Codex und Claude Code auf.

Entwicklerdetails

Autor

heygen-com

Lizenz

MIT

Skillstore-Revision

Versionshinweis

Der Autor hat keine Version angegeben.

Repository

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

Ref.

0519034dad657fb1f7706e0550e962beeda73fdf

Aktualität der Wartung

18.7.2026

Nutzung

1 Downloads · 50 Aufrufe

Dateistruktur

📄 SKILL.md