animejs
建立確定性的 Anime.js HyperFrames
Anime.js 動畫在依賴自己的時鐘執行時可能會發生偏移。此技能展示確定性的 HyperFrames 模式，這些模式會註冊動畫，並透過 runtime adapter 對其進行 seek。
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 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.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「animejs」。 一個要求在 HyperFrames 中為標題和強調線加入動畫的請求。
預期結果:
一份確定性的時間軸計畫，其中停用 autoplay、使用有限 duration，並明確註冊到 window.__hfAnime。
正在使用「animejs」。 從文件複製而來的 Anime.js 瀏覽器範例。
預期結果:
一個 render-safe 的改寫版本，會同步初始化，並可由 HyperFrames clock 控制。
正在使用「animejs」。 一個依賴 timers 和無限迴圈的 composition。
預期結果:
一份審查摘要，指出非確定性的動畫模式，並建議以有限、seek 驅動的替代方案取代。
安全審計
安全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 能夠以確定性的方式 seek 它。
建立時間軸微動畫
建立精簡的 DOM 或 SVG 裝飾動畫，並將其註冊到 HyperFrames runtime。
檢查渲染安全性
檢查 composition 是否存在 autoplay、無限迴圈、非同步設定，以及未設種子的隨機性。
試試這些提示
使用 animejs skill，為我的 HyperFrames composition 新增一個簡單的 seek 驅動 Anime.js 動畫。
使用 animejs skill，將這個 Anime.js 範例轉換為 render-safe HyperFrames HTML。
使用 animejs skill，建立一個有限的 Anime.js timeline，並將其註冊到 window.__hfAnime。
使用 animejs skill，檢查我的 composition 是否存在 autoplay、async setup、timers，以及非確定性的 animation state。
最佳實務
- 在 composition 初始化期間同步建立動畫。
- 將 autoplay 設為 false，並將每個 instance 註冊到 window.__hfAnime。
- 使用與 composition duration 相符的有限 duration 和 loop 次數。
避免
- 不要依賴 Anime.js autoplay 進行 HyperFrames 渲染。
- 不要在 timers、promises、events 或 async asset loads 之後建立動畫。
- 不要依賴 anime.running 自動探索來取代明確註冊。
常見問題
這個技能能協助我建立什麼？
它會取代 HyperFrames 中的 GSAP 嗎？
為什麼應該停用 autoplay？
window.__hfAnime 的用途是什麼？
我可以使用 ES module imports 嗎？
我應該如何驗證變更？
開發者詳細資訊
作者
heygen-com授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
0519034dad657fb1f7706e0550e962beeda73fdf
維護新鮮度
2026/7/18
使用量
4 次下載 · 59 次瀏覽
檔案結構
📄 SKILL.md