hyperframes-keyframes
シークセーフなHyperFramesキーフレームを構築
複雑なアニメーションは、フレームが順不同でレンダリングされると破綻する可能性があります。このスキルは、信頼性の高いHyperFrames出力を実現するために、決定論的なキーフレームと対象を絞った視覚的診断を支援します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "hyperframes-keyframes" from https://skillstore.io/skills/heygen-com-hyperframes-keyframes.md and its manifest at https://skillstore.io/api/skills/heygen-com-hyperframes-keyframes/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「hyperframes-keyframes」を使用しています。 1枚のカードをコンパクトなリスト表示から完全な詳細パネルへアニメーションさせてください。
期待される結果:
- トランジション全体を通して、同一のカード要素を維持します。
- 移動前に開始位置と目標位置のボックスを測定します。
- 明確な中間検証ポーズを持つ連続的なtransformを使用します。
- スナップショット検証のために、展開後の最終状態を保持します。
「hyperframes-keyframes」を使用しています。 ロゴが曲線経路に沿って移動しますが、動きが不均一に見えます。
期待される結果:
接線方向への回転と一定の親イージングを組み合わせたパス進行を使用します。曲がり部分でストリップショットの間隔を比較し、最後に最終位置を検証します。
「hyperframes-keyframes」を使用しています。 診断画像でWebGLシーンが平面的に見えます。
期待される結果:
カメラまたはオブジェクトの奥行き方向への移動、視認できるオクルージョン、斜め方向からの検証ビューを1つ追加します。ゴースト画像と時刻指定スナップショットを使用して、内部の動きを検証します。
セキュリティ監査
安全All 49 static detections are false positives. The scanner treated Markdown backticks and animation terminology as shell execution or system reconnaissance. The skill documents deterministic animation techniques and HyperFrames diagnostic commands; no prompt injection, data exfiltration, credential access, or malicious intent was found.
リスク要因
⚙️ 外部コマンド (45)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/heygen-com-hyperframes-keyframes/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/heygen-com-hyperframes-keyframes?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/heygen-com-hyperframes-keyframes?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-hyperframes-keyframes/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/heygen-com-hyperframes-keyframes.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). hyperframes-keyframes security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-hyperframes-keyframes/audits/8BibTeX形式の引用
@techreport{heygen-com-heygen-com-hyperframes-keyframes-2026,
author = {heygen-com},
title = {hyperframes-keyframes security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/heygen-com-hyperframes-keyframes/audits/8},
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: "hyperframes-keyframes security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "heygen-com"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/heygen-com-hyperframes-keyframes/audits/8"
identifiers:
- type: other
value: "skillstore:heygen-com-hyperframes-keyframes:audit:8"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
プロダクトモーションを実装
プロダクトデモ用に、決定論的なUI状態変化、共有要素のトランジション、判読しやすい最終状態を作成します。
動画キーフレームを検証
HyperFramesコンポジションをレンダリングする前に、検証用ポーズ、経路のタイミング、最終状態の保持、セレクターの所有関係を確認します。
3Dアニメーションをデバッグ
対象を絞った視覚的証拠を使用して、奥行きの欠如、カメラ移動、オクルージョン、シェーダーの進行、canvasの動きを診断します。
これらのプロンプトを試す
[subject]が[start]から[end]まで[duration]で移動する、シークセーフなキーフレームを作成してください。最終ポーズが見える状態を維持してください。
[effect]に対応できる最小限のHyperFramesの仕組みを選択してください。実装を提案する前に、見えるポーズ、ランタイムの選択、検証時刻を説明してください。
次のアニメーション計画のシークセーフ性をレビューしてください：[details]。不安定なタイミング、登録上の問題、重複するチャンネル、最終状態の検証漏れを特定してください。
[runtime]を使用して、[complex scene]向けの決定論的なキーフレームを設計してください。3D奥行きまたはSVGモーション、診断コマンド、検証アングル、スナップショット時刻を含めてください。
ベストプラクティス
- アニメーションの仕組みを選択する前に、対象、見えるポーズ、最終状態、継続時間を定義します。
- 決定論的なタイミング、有限ループ、同期的な構築、登録済みのランタイムインスタンスを使用します。
- フルレンダリングを実行する前に、対象を絞ったショットとスナップショットを使用して、問題が発生している最小単位の動作を検証します。
回避
- レンダリング上重要なモーションには、タイマー、自動再生、シードなしのランダム処理、未登録のアニメーションフレームを使用しないでください。
- 同一性を視覚的に維持する必要がある場合、1つの連続した対象を無関係な要素に置き換えないでください。
- 例に示された距離やタイミングを、コンポジションのジオメトリと継続時間に合わせて調整せず、そのままコピーしないでください。
よくある質問
このスキルはどのアニメーションランタイムに対応していますか？
完全な動画コンセプトも作成しますか？
シークセーフなレンダリングをどのように支援しますか？
SVGアニメーションにも対応できますか？
3Dシーンはどのように検証しますか？
プロンプトには何を含める必要がありますか？
開発者情報
作成者
heygen-comライセンス
MIT
Skillstore リビジョン
r2
バージョンに関する注意
作者はバージョンを宣言していません。
参照
77d0e66fbadeb1f5d1e6a5aada7861240b8ed2d7
メンテナンスの新しさ
2026/7/19
利用状況
1 ダウンロード · 0 閲覧
ファイル構成