animejs
创建确定性的 Anime.js HyperFrames
Anime.js 动画在使用自身时钟运行时可能会发生漂移。此技能展示了确定性的 HyperFrames 模式，用于注册动画并通过运行时适配器对其进行 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，使用有限时长，并在 window.__hfAnime 上显式注册。
正在使用“animejs”。 从文档中复制的 Anime.js 浏览器示例。
预期结果:
一个渲染安全的改编版本，可同步初始化，并可由 HyperFrames 时钟控制。
正在使用“animejs”。 依赖计时器和无限循环的作品。
预期结果:
一份审查摘要，识别非确定性动画模式，并建议使用有限的、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 运行时。
审查渲染安全性
检查作品中的 autoplay、无限循环、异步设置和未设种子的随机性。
试试这些提示
使用 animejs skill 为我的 HyperFrames 作品添加一个简单的 seek 驱动 Anime.js 动画。
使用 animejs skill 将这个 Anime.js 示例转换为渲染安全的 HyperFrames HTML。
使用 animejs skill 构建一个有限的 Anime.js 时间线，并将其注册到 window.__hfAnime。
使用 animejs skill 审查我的作品中的 autoplay、异步设置、计时器和非确定性动画状态。
最佳实践
- 在作品初始化期间同步创建动画。
- 将 autoplay 设置为 false，并在 window.__hfAnime 上注册每个实例。
- 使用与作品时长匹配的有限时长和循环次数。
避免
- 不要依赖 Anime.js autoplay 进行 HyperFrames 渲染。
- 不要在计时器、promises、事件或异步资源加载之后创建动画。
- 不要依赖 anime.running 自动发现来替代显式注册。
常见问题
这个技能能帮助我构建什么？
它会替代 HyperFrames 中的 GSAP 吗？
为什么应该禁用 autoplay？
window.__hfAnime 用来做什么？
我可以使用 ES module 导入吗？
我应该如何验证更改？
开发者详情
作者
heygen-com许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
0519034dad657fb1f7706e0550e962beeda73fdf
维护新鲜度
2026/7/18
使用量
4 次下载 · 59 次浏览
文件结构
📄 SKILL.md