webgpu-syntax-buffers

What problem does it solve?

This Skill removes the guesswork from creating WebGPU buffers, choosing usage flags, uploading data, and reading results back without triggering validation failures or mapping mistakes.

Core Features & Use Cases

• Legal buffer creation: Select valid GPUBufferUsage combinations for vertex, index, uniform, storage, copy, and staging buffers.
• Safe data upload: Use mappedAtCreation for static data and queue.writeBuffer for dynamic CPU-driven updates.
• GPU readback workflows: Copy storage output into a staging buffer, map it safely, copy the data out, and unmap without detached-buffer errors.
• Lifecycle guardrails: Follow mapState transitions and unmap rules to avoid the buffer already mapped failure.
• Use case: Ideal when building WebGPU renderers or compute pipelines that need reliable buffer setup, per-frame uniform updates, or compute result readback.

Quick Start

Use this skill to review my WebGPU buffer code, fix invalid usage flags, and show the safest way to upload or read back data.