by dgreenheck · dgreenheck/webgpu-claude-skill
Spin up WebGPU + Three.js projects with Claude — boilerplate, shader patterns, perf checks, all wrapped in one skill.
WebGPU is new enough that Claude often hallucinates the API. This skill grounds it: working Three.js + WebGPU scaffolds, common shader patterns, perf heuristics for browsers.
%APPDATA%\Claude\claude_desktop_config.json{
"mcpServers": {
"webgpu-claude-skill": {
"command": "git",
"args": [
"clone",
"https://github.com/dgreenheck/webgpu-claude-skill"
],
"_inferred": true
}
}
}Open Claude Desktop → Settings → Developer → Edit Config. Restart after saving.
{
"mcpServers": {
"webgpu-claude-skill": {
"command": "git",
"args": [
"clone",
"https://github.com/dgreenheck/webgpu-claude-skill"
],
"_inferred": true
}
}
}Cursor uses the same mcpServers schema as Claude Desktop. Project config wins over global.
{
"mcpServers": {
"webgpu-claude-skill": {
"command": "git",
"args": [
"clone",
"https://github.com/dgreenheck/webgpu-claude-skill"
],
"_inferred": true
}
}
}Click the MCP Servers icon in the Cline sidebar, then "Edit Configuration".
{
"mcpServers": {
"webgpu-claude-skill": {
"command": "git",
"args": [
"clone",
"https://github.com/dgreenheck/webgpu-claude-skill"
],
"_inferred": true
}
}
}Same shape as Claude Desktop. Restart Windsurf to pick up changes.
{
"mcpServers": [
{
"name": "webgpu-claude-skill",
"command": "git",
"args": [
"clone",
"https://github.com/dgreenheck/webgpu-claude-skill"
]
}
]
}Continue uses an array of server objects rather than a map.
{
"context_servers": {
"webgpu-claude-skill": {
"command": {
"path": "git",
"args": [
"clone",
"https://github.com/dgreenheck/webgpu-claude-skill"
]
}
}
}
}Add to context_servers. Zed hot-reloads on save.
claude mcp add webgpu-claude-skill -- git clone https://github.com/dgreenheck/webgpu-claude-skillOne-liner. Verify with claude mcp list. Remove with claude mcp remove.
When to use: You want a working WebGPU + Three.js starter without yak-shaving.
Outcome: WebGPU scene running in your browser fast.
Write the scene into your project
| Tool | Inputs | When to call | Cost |
|---|---|---|---|
| scaffold / shade | (see docs) | Two flows | 1 call |
WebGPU not availableSkill emits a WebGL fallback when asked
| Alternative | When to use it instead | Tradeoff |
|---|---|---|
| Direct Three.js docs | You know WebGPU well | Slower bootstrap |