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.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「waapi」を使用しています。 HyperFrames でタイトル用のフェードとスライドのアニメーションを作成してください。
期待される結果:
有限の duration、ドキュメントレベルの delay、fill: both、一時停止されたアニメーションを含む簡潔な WAAPI 計画。
「waapi」を使用しています。 決定論的再生の問題がないか、このアニメーションをレビューしてください。
期待される結果:
- 無限反復をシークに対して安全でないものとして指摘します。
- タイマー駆動の状態をタイムライン駆動のキーフレームに置き換えることを推奨します。
- HyperFrames の lint および validate コマンドで検証することを提案します。
「waapi」を使用しています。 生成されたラベル向けのスタガード表示を構築してください。
期待される結果:
各ラベルに予測可能な遅延を割り当て、すべてのアニメーションを 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 モーションを構築する
レンダリング中に currentTime を設定することで HyperFrames がシークできる、ブラウザーネイティブのアニメーションを作成します。
モーション仕様を変換する
構造化されたタイミングとキーフレーム要件を、予測可能な遅延を持つ有限の WAAPI アニメーションに変換します。
アニメーションの信頼性をレビューする
決定論的レンダリングを壊す可能性があるタイミング選択について、HyperFrames コンポジションを確認します。
これらのプロンプトを試す
このスキルを使用して、1 つの DOM 要素向けの HyperFrames WAAPI アニメーションを作成してください。タイミングは有限かつシーク可能に保ってください。
このスキルを使用して、トークンのリストにスタガード WAAPI モーションを追加してください。delay、fill: both、一時停止されたアニメーションを使用してください。
私の HyperFrames WAAPI コンポジションをレビューしてください。無限反復、別個のクロック、コールバック、またはレイアウトアニメーションのリスクを特定してください。
このスキルを使用して、複数クリップの WAAPI タイムラインを計画してください。遅延でクリップオフセットをモデル化し、検証手順を説明してください。
ベストプラクティス
- コンポジションの初期化中に WAAPI アニメーションを同期的に作成します。
- シーク可能な状態のために、有限の durations、有限の iterations、fill: both を使用します。
- 作成後にアニメーションを一時停止し、HyperFrames がタイムラインを制御できるようにします。
回避
- レンダリングが重要なアニメーションに無限反復を使用しないでください。
- animation.finished コールバックから、レンダリングが重要な DOM を変更しないでください。
- タイマーや requestAnimationFrame で別個のアニメーションクロックを実行しないでください。
よくある質問
このスキルは何に役立ちますか？
GSAP は必要ですか？
なぜアニメーションを一時停止すべきですか？
無限アニメーションは使用できますか？
本番用コードを自動生成しますか？
どの AI ツールがこのスキルを使用できますか？
開発者情報
作成者
heygen-comライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
a06681402992ceae98ba04d54cfd4ab004862696
メンテナンスの新しさ
2026/7/18
利用状況
1 ダウンロード · 54 閲覧
ファイル構成
📄 SKILL.md