webgpu-canvas
✓高性能キャンバス レンダリングのための WebGPU の基礎。デバイスの初期化、バッファー管理、WGSL シェーダー、レンダー パイプライン、コンピューティング シェーダー、および Web コンポーネントの統合について説明します。 GPU アクセラレーションのグラフィックス、パーティクル システム、または計算集約型のビジュアライゼーションを構築する場合に使用します。
SKILL.md
Production patterns for WebGPU rendering integrated with web components. This skill covers device initialization, buffer management, shader development, and resource lifecycle management.
| Chrome 113+ | Full support | Default enabled | | Edge 113+ | Full support | Chromium-based | | Safari 18+ | Full support | macOS/iOS | | Firefox 139+ | Behind flag | Nightly only |
Adapter and device acquisition is expensive. Initialize once at startup, store references.
高性能キャンバス レンダリングのための WebGPU の基礎。デバイスの初期化、バッファー管理、WGSL シェーダー、レンダー パイプライン、コンピューティング シェーダー、および Web コンポーネントの統合について説明します。 GPU アクセラレーションのグラフィックス、パーティクル システム、または計算集約型のビジュアライゼーションを構築する場合に使用します。 ソース: matthewharwood/fantasy-phonics。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill webgpu-canvas- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
webgpu-canvas とは？
高性能キャンバス レンダリングのための WebGPU の基礎。デバイスの初期化、バッファー管理、WGSL シェーダー、レンダー パイプライン、コンピューティング シェーダー、および Web コンポーネントの統合について説明します。 GPU アクセラレーションのグラフィックス、パーティクル システム、または計算集約型のビジュアライゼーションを構築する場合に使用します。 ソース: matthewharwood/fantasy-phonics。
webgpu-canvas のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill webgpu-canvas インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/matthewharwood/fantasy-phonics
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01