WebGPU/WGSL guidance for initialization, render/compute pipelines, shader authoring, debugging, and performance; use when building or troubleshooting WebGPU…
Design, implement, and debug WebGPU applications, GPU compute pipelines, and WGSL shaders. Covers WebGPU initialization, device setup, compute and render pipelines, shader authoring, and GPU/CPU synchronization strategies Includes architecture patterns for modular passes, phase-based simulation, spatial indexing, and capability fallback handling Provides guidance on performance optimization, safe readback strategies, and debugging practices for rendering, compute, ML workloads, and particle simulations Delivers minimal working code with buffer layouts, pass graphs, alignment notes, and optional reduced modes for unsupported platforms WebGPU Skill Use this skill to design, implement, and debug WebGPU applications and GPU compute pipelines. Keep it framework-agnostic and focus on reusable WebGPU/WGSL patterns. What this skill covers Cover WebGPU initialization, device setup, and surface configuration. Cover compute pipelines, workgroup sizing, and storage buffer layout. Cover render pipelines, render passes, and post-processing patterns. Cover GPU/CPU synchronization and safe readback strategies. Cover performance and debugging practices. Cover architecture patterns: modular passes, phase-based simulation, and capability handling. Cover use cases: rendering, compute, ML training/inference, grid simulations, and systems modeling. Core principles
don't have the plugin yet? install it then click "run inline in claude" again.