webgpu-syntax-bind-groups
Installation
SKILL.md
WebGPU Bind Groups
Define resource interfaces with GPUBindGroupLayout, bind concrete buffers,
textures, and samplers with GPUBindGroup, and wire them to WGSL @group /
@binding slots without triggering WebGPU validation errors.
Quick Reference
WebGPU 1.0-stable baseline: Chrome 113+, Safari 26+, Firefox 141+.
device.createBindGroupLayout({ label?, entries }) defines the shape.
device.createBindGroup({ label?, layout, entries }) binds concrete resources.
Each layout entry has binding (matches WGSL @binding(n)), visibility (a
GPUShaderStage bitmask), and exactly ONE resource layout object.