webgpu-wgsl-vertex-shaders

What problem does it solve?

This Skill helps you write WGSL vertex shaders that compile cleanly and connect correctly to WebGPU pipelines, avoiding common validation failures caused by missing clip-space position outputs, mismatched attribute locations, and invalid interpolation rules.

Core Features & Use Cases

• Vertex Input Mapping: Declares the correct vertex attributes and builtin inputs for buffer-driven and vertex-pulling workflows.
• Interpolation Safety: Prevents shader-creation errors by enforcing flat interpolation for integer varyings and consistent varyings across stages.
• Pipeline Correctness: Covers clip-space position output, instancing, invariant depth behavior, and WebGPU-specific constraints that affect rendering reliability.
• Use Case: Use it when building a render pipeline, authoring a compute-generated mesh path, or debugging a shader that fails because its inputs, outputs, or interpolation settings do not match the host layout.

Quick Start

Ask the skill to generate or review a WGSL vertex shader for your pipeline so it matches the host vertex layout, includes a clip-space position output, and applies the correct interpolation rules.