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」。 審查此動畫是否有確定性播放問題。
預期結果:
- 將 infinite iterations 標記為不適合搜尋。
- 建議以時間軸驅動的關鍵影格取代計時器驅動的狀態。
- 建議使用 HyperFrames lint 和 validate commands 進行驗證。
正在使用「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 動畫。保持時序有限且可搜尋。
使用此技能為一組 tokens 加入交錯的 WAAPI 動態效果。使用 delay、fill: both 和暫停動畫。
審查我的 HyperFrames WAAPI 合成。找出任何 infinite iterations、separate clocks、callbacks 或 layout animation 風險。
使用此技能規劃多片段 WAAPI 時間軸。使用 delays 建模 clip offsets，並說明驗證步驟。
最佳實務
- 在合成初始化期間同步建立 WAAPI 動畫。
- 使用有限 durations、有限 iterations 和 fill: both，以取得可搜尋狀態。
- 建立後暫停動畫，讓 HyperFrames 控制時間軸。
避免
- 不要在渲染關鍵動畫中使用 infinite iterations。
- 不要從 animation.finished callbacks 改變渲染關鍵的 DOM。
- 不要使用 timers 或 requestAnimationFrame 執行獨立的動畫時鐘。
常見問題
此技能能協助什麼？
它需要 GSAP 嗎？
為什麼動畫應該暫停？
我可以使用無限動畫嗎？
它會自動產生正式環境程式碼嗎？
哪些 AI 工具可以使用此技能？
開發者詳細資訊
作者
heygen-com授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
a06681402992ceae98ba04d54cfd4ab004862696
維護新鮮度
2026/7/18
使用量
1 次下載 · 54 次瀏覽
檔案結構
📄 SKILL.md