typegpu
WebGPU HyperFrames エフェクトを構築
HyperFrames の GPU エフェクトには、決定論的なタイミングとフレームキャプチャが必要です。このスキルは、レンダリング準備済みのキャンバス合成のための WebGPU、TypeGPU、GSAP パターンを提供します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "typegpu" from https://skillstore.io/skills/heygen-com-typegpu.md and its manifest at https://skillstore.io/api/skills/heygen-com-typegpu/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「typegpu」を使用しています。 HyperFrames timeline に追従する WebGPU レイヤーが必要です。
期待される結果:
- await される GPU セットアップの前に GSAP timelines を登録してください。
- HyperFrames seek event time からのみレンダリングしてください。
- GPU 処理を送信し、フレームキャプチャ前に完了を待ってください。
「typegpu」を使用しています。 エクスポートした GPU フレームが一貫しないのはなぜですか？
期待される結果:
考えられる原因は、wall-clock animation time、requestAnimationFrame ループ、またはキャプチャ前に GPU 処理がフラッシュされていないことです。
「typegpu」を使用しています。 キャンバスのアルファモードはどのように選べばよいですか？
期待される結果:
GPU レイヤーがフレーム全体を所有する場合は opaque mode を使用してください。HTML や動画の上に透明オーバーレイを置く場合は premultiplied mode を使用してください。
セキュリティ監査
安全All static findings are false positives caused by Markdown backticks, code fences, or benign graphics terminology in SKILL.md. The skill provides WebGPU and TypeGPU implementation guidance and does not include shell execution, host reconnaissance, data exfiltration, or prompt injection content.
リスク要因
⚙️ 外部コマンド (26)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/heygen-com-typegpu/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/heygen-com-typegpu?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/heygen-com-typegpu?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-typegpu/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/heygen-com-typegpu.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). typegpu security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-typegpu/audits/4BibTeX形式の引用
@techreport{heygen-com-heygen-com-typegpu-2026,
author = {heygen-com},
title = {typegpu security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/heygen-com-typegpu/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: "typegpu 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-typegpu/audits/4"
identifiers:
- type: other
value: "skillstore:heygen-com-typegpu:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
GPU モーションレイヤーを作成
デザイナーは、HyperFrames の seek イベントに反応し、フレーム精度を維持するキャンバスオーバーレイを設計できます。
WebGPU パイプラインを統合
フロントエンドエンジニアは、タイミングのずれを起こさずに WebGPU セットアップ、GSAP timelines、レンダーコールバックを接続できます。
信頼性の高い動画レンダリングを準備
動画パイプライン開発者は、決定論的レンダリング規則を適用し、フレームキャプチャ前に GPU 処理をフラッシュできます。
これらのプロンプトを試す
HyperFrames 合成用の WebGPU キャンバスレイヤーを計画するのを手伝ってください。タイミング契約、セットアップ順序、フォールバック動作を含めてください。
TypeGPU のレンダーループが hf-seek time にどのように応答すべきかを示してください。GSAP timeline registration をどこで行う必要があるか説明してください。
動画テクスチャをサンプリングする WebGPU リキッドガラスエフェクトを設計してください。テクスチャサイズ、レンダリング上の注意点、アルファモードのガイダンスを含めてください。
決定論的な出力の観点から、私の HyperFrames WebGPU レンダリング計画をレビューしてください。タイミングリスク、キャプチャリスク、ブラウザ互換性の問題を見つけてください。
ベストプラクティス
- await される WebGPU セットアップの前に GSAP timelines を登録してください。
- hf-seek time からレンダリングし、wall-clock animation sources を避けてください。
- レンダーモードでは、フレームキャプチャ前に送信済みの GPU 処理をフラッシュしてください。
回避
- timelines を登録する前に WebGPU 初期化を開始すること。
- performance.now や requestAnimationFrame でアニメーション時間を駆動すること。
- 動画ベースの WebGPU テクスチャが headless renderers でも同じように動作すると想定すること。
よくある質問
このスキルは何の構築に役立ちますか？
WebGPU サポートは必要ですか？
なぜ GSAP timelines は同期的に登録する必要があるのですか？
動画を GPU テクスチャとして使用できますか？
完全なシェーダーコードを生成しますか？
Claude Code や Codex と一緒に使うと便利ですか？
開発者情報
作成者
heygen-comライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
a06681402992ceae98ba04d54cfd4ab004862696
メンテナンスの新しさ
2026/7/18
利用状況
3 ダウンロード · 0 閲覧
ファイル構成
📄 SKILL.md