webgpu-wgsl-memory-layout

What problem does it solve?

This Skill prevents host and shader memory mismatches when WebGPU code binds WGSL structs, buffers, and pointers, especially the vec3 alignment trap that causes silent garbage reads.

Core Features & Use Cases

• Lays out uniform and storage structs with correct AlignOf, SizeOf, and padding.
• Chooses the right WGSL address space, including function, private, workgroup, uniform, storage, and handle.
• Handles runtime-sized arrays, array stride rules, and @align and @size annotations.
• Use it when a JavaScript typed array must match a shader struct, when a compute shader writes to storage buffers, or when a uniform buffer keeps producing incorrect values.

Quick Start

Ask the assistant to review my WGSL struct and matching JavaScript buffer and return the correct byte offsets, padding, and array sizes for the chosen address space.