waapi
创建确定性的 WAAPI 动效
当时间控制不具备确定性时，原生浏览器动画可能会在 HyperFrames 中发生偏移。此技能展示了用于可跳转、暂停、有限动画的 WAAPI 模式。
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
Review the Skillstore skill "waapi" from https://skillstore.io/skills/heygen-com-waapi.md and its manifest at https://skillstore.io/api/skills/heygen-com-waapi/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“waapi”。 在 HyperFrames 中为标题创建淡入和滑动动画。
预期结果:
一个简洁的 WAAPI 方案，包含有限 duration、文档级 delay、fill: both 和暂停动画。
正在使用“waapi”。 审查此动画是否存在确定性播放问题。
预期结果:
- 将无限迭代标记为不适合跳转。
- 建议用时间线驱动的关键帧替换计时器驱动的状态。
- 建议使用 HyperFrames lint 和 validate 命令进行验证。
正在使用“waapi”。 为生成的标签构建错峰展示效果。
预期结果:
一种错峰策略，为每个标签分配可预测的 delay，并让所有动画都由 HyperFrames 时间控制。
安全审计
安全The static command findings are Markdown backticks, code fences, and WAAPI browser examples, not executable Ruby or shell code. The network findings are MDN documentation links, and the blocker findings are benign animation guidance. No prompt injection, exfiltration intent, or malicious behavior was found in SKILL.md.
风险因素
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/heygen-com-waapi/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/heygen-com-waapi?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/heygen-com-waapi?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-waapi/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/heygen-com-waapi.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). waapi security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-waapi/audits/4BibTeX 引用
@techreport{heygen-com-heygen-com-waapi-2026,
author = {heygen-com},
title = {waapi security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/heygen-com-waapi/audits/4},
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: "waapi security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "heygen-com"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/heygen-com-waapi/audits/4"
identifiers:
- type: other
value: "skillstore:heygen-com-waapi:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore 评分
评分依据 证据置信度: 高你能构建什么
构建可跳转的 DOM 动效
创建浏览器原生动画，让 HyperFrames 可以在渲染期间通过设置 currentTime 进行跳转。
转换动效规格
将结构化时间控制和关键帧需求转换为具有可预测延迟的有限 WAAPI 动画。
审查动画可靠性
检查 HyperFrames 组合中可能破坏确定性渲染的时间控制选择。
试试这些提示
使用此技能为一个 DOM 元素创建 HyperFrames WAAPI 动画。保持时间控制有限且可跳转。
使用此技能为一组 token 添加错峰 WAAPI 动效。使用 delay、fill: both 和暂停动画。
审查我的 HyperFrames WAAPI 组合。识别任何无限迭代、独立时钟、回调或布局动画风险。
使用此技能规划多 clip WAAPI 时间线。用 delays 建模 clip 偏移，并说明验证步骤。
最佳实践
- 在组合初始化期间同步创建 WAAPI 动画。
- 使用有限 durations、有限 iterations 和 fill: both 来实现可跳转状态。
- 创建后暂停动画，让 HyperFrames 控制时间线。
避免
- 不要对渲染关键型动画使用无限迭代。
- 不要从 animation.finished 回调中修改渲染关键型 DOM。
- 不要使用 timers 或 requestAnimationFrame 运行独立的动画时钟。
常见问题
此技能有什么作用？
它需要 GSAP 吗？
为什么动画应该暂停？
我可以使用无限动画吗？
它会自动生成生产代码吗？
哪些 AI 工具可以使用此技能？
开发者详情
作者
heygen-com许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
a06681402992ceae98ba04d54cfd4ab004862696
维护新鲜度
2026/7/18
使用量
1 次下载 · 54 次浏览
文件结构
📄 SKILL.md