webgpu-core-workers

What problem does it solve?

This Skill helps you move WebGPU rendering and compute work into a dedicated worker so the main thread stays responsive and free from jank.

Core Features & Use Cases

• Off-Main-Thread Rendering: Transfer a visible canvas to OffscreenCanvas and drive WebGPU from a worker.
• Worker Setup Guidance: Initialize navigator.gpu, request an adapter and device, configure the canvas context, and start the render loop correctly.
• Resize and Compatibility Handling: Propagate size changes from the main thread, avoid DOM access in workers, and handle secure-context and unsupported-worker constraints.
• Use Case: A browser-based visualizer can keep animations smooth by rendering inside a dedicated worker while the main thread handles input, layout, and UI.

Quick Start

Use the webgpu-core-workers skill to move a WebGPU render loop into a dedicated worker and set up OffscreenCanvas transfer, resize messaging, and secure-context checks.