animejs
決定論的な Anime.js HyperFrames を作成する
Anime.js のアニメーションは、独自のクロックで実行されるとずれが生じることがあります。このスキルでは、アニメーションを登録し、ランタイムアダプターを通じてシークする決定論的な HyperFrames パターンを示します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
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.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「animejs」を使用しています。 HyperFrames でタイトルとアクセントラインをアニメーション化するリクエスト。
期待される結果:
autoplay を無効化し、有限の duration を設定し、window.__hfAnime への明示的な登録を含む決定論的なタイムライン計画。
「animejs」を使用しています。 ドキュメントからコピーされた Anime.js のブラウザーサンプル。
期待される結果:
同期的に初期化され、HyperFrames クロックで制御できるレンダーセーフな適応版。
「animejs」を使用しています。 タイマーと無限ループに依存するコンポジション。
期待される結果:
非決定論的なアニメーションパターンを特定し、有限でシーク駆動の代替案を提案するレビュー概要。
セキュリティ監査
安全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.
機能レビュー項目 (2)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
リスク要因
⚙️ 外部コマンド (17)
🌐 ネットワークアクセス (3)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/heygen-com-animejs/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/heygen-com-animejs?utm_source=security_passport_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>埋め込みカード
<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>学術引用 (APA · BibTeX · CFF)
APA形式の引用
heygen-com. (2026). animejs security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-animejs/audits/6BibTeX形式の引用
@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"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
Anime.js サンプルを変換する
既存の Anime.js サンプルを、HyperFrames が決定論的にシークできるように適応します。
タイムラインのマイクロアニメーションを構築する
HyperFrames ランタイムに登録されるコンパクトな DOM または SVG の装飾アニメーションを作成します。
レンダー安全性をレビューする
コンポジションについて、autoplay、無限ループ、非同期セットアップ、シードされていないランダム性を確認します。
これらのプロンプトを試す
animejs skill を使用して、シンプルなシーク駆動の Anime.js アニメーションを私の HyperFrames コンポジションに追加してください。
animejs skill を使用して、この Anime.js サンプルをレンダーセーフな HyperFrames HTML に変換してください。
animejs skill を使用して、有限の Anime.js タイムラインを構築し、それを window.__hfAnime に登録してください。
animejs skill を使用して、私のコンポジションの autoplay、非同期セットアップ、タイマー、非決定論的なアニメーション状態をレビューしてください。
ベストプラクティス
- コンポジション初期化中にアニメーションを同期的に作成します。
- autoplay を false に設定し、すべてのインスタンスを window.__hfAnime に登録します。
- コンポジションの長さに一致する有限の duration と loop 回数を使用します。
回避
- HyperFrames レンダリングで Anime.js の autoplay に依存しないでください。
- タイマー、promise、イベント、非同期アセット読み込みの後にアニメーションを作成しないでください。
- 明示的な登録の代わりに anime.running の自動検出に依存しないでください。
よくある質問
このスキルは何を構築するのに役立ちますか？
HyperFrames で GSAP を置き換えますか？
なぜ autoplay を無効化すべきですか？
window.__hfAnime は何に使用されますか？
ES module インポートを使用できますか？
変更はどのように検証すべきですか？
開発者情報
作成者
heygen-comライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
0519034dad657fb1f7706e0550e962beeda73fdf
メンテナンスの新しさ
2026/7/18
利用状況
4 ダウンロード · 59 閲覧
ファイル構成
📄 SKILL.md