webgpu-wgsl-memory-layout

WebGPU uniform buffers read incorrect values when WGSL memory layout violates AlignOf and SizeOf rules or the 16-byte array-stride constraint. This Skill corrects struct padding and byte offsets to eliminate silent garbage reads.

To calculate byte offsets and padding for a WGSL struct, you must apply AlignOf and SizeOf rules alongside vec3-safe padding. This Skill reviews your shader struct and JavaScript buffer to return deterministic memory mapping with correct byte offsets, padding, and array sizes.

The vec3 alignment trap in WGSL memory layout is a padding issue where vec3 types require 16-byte alignment, causing silent garbage reads if host-side typed arrays do not match. This Skill applies vec3-safe padding to ensure deterministic memory mapping between JavaScript and WebGPU shaders.

You need @align and @size annotations for runtime-sized arrays in storage buffers when explicit control over array stride and padding is required to match host-side typed arrays. This Skill handles array stride rules and annotations to satisfy WGSL memory layout constraints.

Choosing the right WGSL address space depends on data access patterns across function, private, workgroup, uniform, and storage spaces. This Skill selects the correct address space for your WebGPU compute and render code to ensure valid pointer mutation and buffer binding.