dgreenheck/webgpu-claude-skill resource

Health v2 · maintenance only

Flags: no_releases no_license

Adoption not part of the score

1167 stars · 107 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A Claude Agent Skill (also packaged as Cursor rules) that gives AI coding assistants comprehensive knowledge for building WebGPU applications with Three.js and TSL (Three.js Shading Language). It includes reference docs, cheatsheets, and runnable examples covering node materials, GPU compute shaders, post-processing, and WGSL integration.

Use cases

• set up a Three.js WebGPU renderer project
• write shaders using Three.js Shading Language (TSL)
• create GPU compute particle systems
• add post-processing effects like bloom
• integrate custom WGSL code into Three.js
• handle GPU device loss and recovery
• give Claude or Cursor accurate Three.js r183+ API knowledge

When to choose

• you use Claude Code or Cursor to build WebGPU/Three.js applications
• you need up-to-date TSL and WebGPU API guidance for AI-assisted coding
• you want curated examples for compute shaders, materials, or post-processing

When to avoid

• you are not using an AI coding assistant (the content is formatted as agent skills/rules)
• you target WebGL or older Three.js versions rather than WebGPU
• you need a runtime library rather than documentation for assistants

Facets

learning-resource · maturity active

developer-tools graphics documentation prompt-engineering graphics web-development developer-tools large-language-models browser claude-skill cursor-rules webgpu threejs tsl shaders wgsl compute-shaders post-processing ai-coding-assistant web-server javascript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="dgreenheck/webgpu-claude-skill")