threenix-r3f-v10-webgpu-hooks
React Three Fiber v10 WebGPU hooks
Choose and debug React Three Fiber v10 WebGPU hooks for uniforms, TSL graphs, GPU buffers, textures, and render pipelines.
What this skill does
- Choose local nodes or shared registries based on ownership.
- Review scopes, resource replacement, and cleanup responsibilities.
- Check installed APIs before applying version-sensitive hook patterns.
When to use it
Use it when implementing WebGPU hook integrations or debugging resource lifecycles in an existing R3F v10 project.
Agent skill
Run this skill
$threenix-r3f-v10-webgpu-hooksAfter invoking the skill, describe your task:
Review @Scene.tsx for correct WebGPU hook ownership, scopes, and cleanup using the installed versions.
Frequently asked questions
Which React Three Fiber versions does this skill target?
It targets existing React Three Fiber v10 projects using the WebGPU entry point. Alpha APIs and lifecycle behavior vary, so the agent must inspect installed Fiber, Three.js, and typings before changing code.
Which WebGPU hooks does the reference cover?
It covers uniforms, local and shared TSL nodes, buffers, storage textures, texture loading and registries, and render pipelines. It also explains relevant frame scheduling and resource ownership patterns.
Can it help debug resource ownership and cleanup?
Yes. It reviews scopes, shared consumers, resource replacement, and disposal responsibilities. Lifecycle changes need runtime checks such as independent instances, replacement, and unmounting; types alone cannot prove GPU resources were released.
Will the skill upgrade packages or migrate my renderer?
No. It does not upgrade dependencies or migrate a WebGL canvas merely to apply a hook pattern. It checks the installed implementation and reports compatibility limits.