Menu

#743 by GitHub stars

dgreenheck/webgpu-claude-skill

Comprehensive guide for developing WebGPU-enabled Three.js applications using TSL (Three.js Shading Language). Covers WebGPU renderer setup, TSL syntax and node materials, compute shaders, post-processing effects, and WGSL integration. Use this skill when working with Three.js WebGPU, TSL shaders, n

Claude CodeCursorEngineering

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

skills/webgpu-threejs-tsl/SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Local scripts → After Local scripts

af2319bd01bb → af2319bd01bb

Diff text is unavailable under the recorded licenses. Line counts and the GitHub link remain available.

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Local scripts

First observation → af2319bd01bb

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit af2319bd01bb7cc881267a9ef42cafdaf5e9029d

git clone --filter=blob:none --no-checkout https://github.com/dgreenheck/webgpu-claude-skill.git .hotskills/dgreenheck-webgpu-claude-skill && git -C .hotskills/dgreenheck-webgpu-claude-skill checkout --detach af2319bd01bb7cc881267a9ef42cafdaf5e9029d # Copy each selected skill directory from .hotskills/dgreenheck-webgpu-claude-skill into .claude/skills/<skill-name>/
git clone --filter=blob:none --no-checkout https://github.com/dgreenheck/webgpu-claude-skill.git .hotskills/dgreenheck-webgpu-claude-skill && git -C .hotskills/dgreenheck-webgpu-claude-skill checkout --detach af2319bd01bb7cc881267a9ef42cafdaf5e9029d # Copy each selected skill directory from .hotskills/dgreenheck-webgpu-claude-skill into .cursor/skills/<skill-name>/
1.3kGitHub stars
6stars in 7 days
1skill in this repository
0commits in 30 days

Heat

3.0
  • Star growth, last 7 daysAhead of 71% of tracked repositories
  • Star growth, last 24 hoursAhead of 3% of tracked repositories
  • Rank movement, last 7 daysAhead of 14% of tracked repositories
  • Commits, last 30 daysAhead of 0% of tracked repositories
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekAhead of 0% of tracked repositories

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Aug 2, 2026Nov 4, 20261,270

Individual skills in this repository

How it works

webgpu-threejs-tsl

When your agent uses it

Comprehensive guide for developing WebGPU-enabled Three.js applications using TSL (Three.js Shading Language). Covers WebGPU renderer setup, TSL syntax and node materials, compute shaders, post-processing effects, and WGSL integration. Use this skill when working with Three.js WebGPU, TSL shaders, node materials, or GPU compute in Three.js.

What it loads into context

Frontmatter

81 tokens

Always available to the agent

SKILL.md

804 tokens

When the skill is activated

Reference documents

21,365 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. Quick Start
  2. Skill Contents
  3. Key Concepts
  4. When to Use This Skill
  5. Resources

Scripts executed separately

  • examples/basic-setup.js
  • examples/custom-material.js
  • examples/earth-shader.js
  • examples/particle-system.js
  • examples/post-processing.js
  • templates/compute-shader.js
  • templates/webgpu-project.js

Files

  • ../../.claude-plugin/marketplace.jsonasset570 bytes
  • ../../.claude-plugin/marketplace.jsonasset570 bytes
  • ../../.claude-plugin/plugin.jsonasset516 bytes
  • REFERENCE.mddoc9,053 bytes
  • SKILL.mdcore3,202 bytes
  • SKILL.mdcore3,202 bytes
  • SKILL.mdcore3,202 bytes
  • docs/compute-shaders.mddoc15,640 bytes
  • docs/core-concepts.mddoc10,969 bytes
  • docs/device-loss.mddoc9,198 bytes
  • docs/limits-and-features.mddoc5,017 bytes
  • docs/materials.mddoc8,786 bytes
  • docs/post-processing.mddoc13,299 bytes
  • docs/wgsl-integration.mddoc6,592 bytes
  • examples/basic-setup.jsruns2,279 bytes
  • examples/custom-material.jsruns4,251 bytes
  • examples/earth-shader.jsruns8,568 bytes
  • examples/particle-system.jsruns7,338 bytes
  • examples/post-processing.jsruns5,201 bytes
  • templates/compute-shader.jsruns9,473 bytes
  • templates/webgpu-project.jsruns6,319 bytes

No excerpt is shown for this license. Read the source on GitHub.

View the complete source on GitHub

Skills included

  • webgpu-threejs-tsl

Repository facts

License
No license detected
Created
Jan 23, 2026
Last pushed
Apr 10, 2026
Forks
121
Open issues
3
Project activity
Slowing

Rank over the last 12 weeks

Now #743 · best #514 · down 112 in 30 days

  1. #729 on Oct 31
  2. #728 on Nov 1
  3. #730 on Nov 2
  4. #738 on Nov 3
  5. #740 from Nov 4 to Nov 5
  6. #743 since Nov 6
67 earlier periods
  1. #499 on Aug 2
  2. #526 on Aug 6
  3. #500 from Aug 8 to Aug 9
  4. #519 on Aug 10
  5. #517 on Aug 12
  6. #522 on Aug 13
  7. #521 on Aug 14
  8. #514 on Aug 16
  9. #535 on Aug 18
  10. #528 on Aug 19
  11. #526 on Aug 20
  12. #533 on Aug 21
  13. #517 on Aug 22
  14. #535 on Aug 23
  15. #537 on Aug 24
  16. #535 on Aug 26
  17. #547 on Aug 27
  18. #550 on Aug 28
  19. #528 on Aug 29
  20. #520 on Aug 30
  21. #547 on Aug 31
  22. #554 on Sep 1
  23. #547 on Sep 2
  24. #551 on Sep 3
  25. #533 on Sep 4
  26. #526 on Sep 5
  27. #553 on Sep 9
  28. #557 on Sep 10
  29. #548 on Sep 11
  30. #544 on Sep 12
  31. #548 on Sep 13
  32. #569 on Sep 14
  33. #558 on Sep 15
  34. #573 on Sep 16
  35. #577 on Sep 18
  36. #564 on Sep 19
  37. #580 on Sep 21
  38. #588 on Sep 22
  39. #587 on Sep 23
  40. #566 on Sep 24
  41. #560 on Sep 25
  42. #561 on Sep 26
  43. #582 on Sep 27
  44. #584 on Sep 28
  45. #594 on Sep 30
  46. #578 on Oct 1
  47. #566 on Oct 3
  48. #579 on Oct 4
  49. #601 on Oct 7
  50. #631 on Oct 8
  51. #617 on Oct 9
  52. #605 on Oct 11
  53. #621 on Oct 12
  54. #622 on Oct 13
  55. #635 on Oct 14
  56. #629 on Oct 15
  57. #639 on Oct 16
  58. #611 on Oct 18
  59. #652 on Oct 20
  60. #661 on Oct 21
  61. #642 on Oct 22
  62. #641 on Oct 23
  63. #623 on Oct 24
  64. #709 on Oct 25
  65. #716 on Oct 28
  66. #719 on Oct 29
  67. #723 on Oct 30

Before you install

Local scripts

Automated signals, not a guarantee

Checked Nov 3, 2026

Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.

Show 3 notes
  • .claude-plugin/marketplace.json:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/webgpu-threejs-tsl/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/webgpu-threejs-tsl/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
Show all 36 signals by file

.claude-plugin/plugin.json

  • Network accessline 5
    "author": {     "name": "Dan Greenheck",     "url": "https://github.com/dgreenheck"
  • Network accessline 6
    "name": "Dan Greenheck",     "url": "https://github.com/dgreenheck"   },
  • Network accessline 7
    "url": "https://github.com/dgreenheck"
  • Network accessline 8
    },   "repository": "https://github.com/dgreenheck/webgpu-claude-skill",   "license": "MIT",
  • Network accessline 9
    "repository": "https://github.com/dgreenheck/webgpu-claude-skill",

skills/webgpu-threejs-tsl/REFERENCE.md

  • Network accessline 367
    - [TSL Wiki](https://github.com/mrdoob/three.js/wiki/Three.js-Shading-Language)
  • Network accessline 368
    - [TSL Docs](https://threejs.org/docs/pages/TSL.html)
  • Network accessline 369
    - [WebGPU Examples](https://github.com/mrdoob/three.js/tree/master/examples)
  • Network accessline 370
    - [Three.js Docs](https://threejs.org/docs/)
  • Network accessline 371
    - [WebGPU Best Practices - Device Loss](https://toji.dev/webgpu-best-practices/device-loss)

skills/webgpu-threejs-tsl/SKILL.md

  • Network accessline 92
    - [Three.js TSL Wiki](https://github.com/mrdoob/three.js/wiki/Three.js-Shading-Language)
  • Network accessline 93
    - [WebGPU Examples](https://github.com/mrdoob/three.js/tree/master/examples) (files prefixed with `webgpu_`)

skills/webgpu-threejs-tsl/docs/limits-and-features.md

  • Network accessline 115
    2. **Check adapter limits before requesting** — gracefully degrade when limits aren't available 3. **Don't forget storage buffer binding size** — `maxStorageBufferBindingSize` is often the bottleneck, not `maxBufferSize` 4. **Use [webgpurep
  • Network accessline 117
    4. **Use [webgpureport.org](https://webgpureport.org)** to check what limits/features different GPUs support

skills/webgpu-threejs-tsl/examples/basic-setup.js

  • Executable scriptline 1
    Executable file
  • Network accessline 6
    *  * Based on Three.js examples (MIT License)  * https://github.com/mrdoob/three.js
  • Network accessline 7
    * Based on Three.js examples (MIT License)  * https://github.com/mrdoob/three.js  */
  • Network accessline 8
    * https://github.com/mrdoob/three.js

skills/webgpu-threejs-tsl/examples/custom-material.js

  • Executable scriptline 1
    Executable file
  • Network accessline 8
    *  * Based on Three.js examples (MIT License)  * https://github.com/mrdoob/three.js
  • Network accessline 9
    * Based on Three.js examples (MIT License)  * https://github.com/mrdoob/three.js  */
  • Network accessline 10
    * https://github.com/mrdoob/three.js

skills/webgpu-threejs-tsl/examples/earth-shader.js

  • Executable scriptline 1
    Executable file
  • Network accessline 10
    *  * Based on Three.js webgpu_tsl_earth example (MIT License)  * https://github.com/mrdoob/three.js
  • Network accessline 11
    * Based on Three.js webgpu_tsl_earth example (MIT License)  * https://github.com/mrdoob/three.js  */
  • Network accessline 12
    * https://github.com/mrdoob/three.js

skills/webgpu-threejs-tsl/examples/particle-system.js

  • Executable scriptline 1
    Executable file
  • Network accessline 8
    *  * Based on Three.js webgpu_compute_particles example (MIT License)  * https://github.com/mrdoob/three.js
  • Network accessline 9
    * Based on Three.js webgpu_compute_particles example (MIT License)  * https://github.com/mrdoob/three.js  */
  • Network accessline 10
    * https://github.com/mrdoob/three.js

skills/webgpu-threejs-tsl/examples/post-processing.js

  • Executable scriptline 1
    Executable file
  • Network accessline 9
    *  * Based on Three.js webgpu_postprocessing examples (MIT License)  * https://github.com/mrdoob/three.js
  • Network accessline 10
    * Based on Three.js webgpu_postprocessing examples (MIT License)  * https://github.com/mrdoob/three.js  */
  • Network accessline 11
    * https://github.com/mrdoob/three.js

skills/webgpu-threejs-tsl/templates/compute-shader.js

  • Executable scriptline 1
    Executable file

skills/webgpu-threejs-tsl/templates/webgpu-project.js

  • Executable scriptline 1
    Executable file

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

No combined signals at this commit.

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeNativeManifest .claude-plugin/marketplace.json.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md skills/webgpu-threejs-tsl/SKILL.md.agents/skills/<skill-name>/
CursorNativePath .cursor/rules/compute-shaders.mdc.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md skills/webgpu-threejs-tsl/SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md skills/webgpu-threejs-tsl/SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md skills/webgpu-threejs-tsl/SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

You might also use

mattpocock/skills

Skills for Real Engineers. Straight from my .agents directory.

316.8kGitHub stars

obra/superpowers

An agentic skills framework & software development methodology that works.

313.6kGitHub stars

NousResearch/hermes-agent

The agent that grows with you

261.2kGitHub stars

multica-ai/andrej-karpathy-skills

Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make surgical changes, surface assumptions,…

230.3kGitHub stars

anthropics/skills

Public repository for Agent Skills

188.2kGitHub stars

DietrichGebert/ponytail

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

185.9kGitHub stars

Explore alternatives and comparisons

Add this badge to your README

It updates every night and links to this page.

dgreenheck/webgpu-claude-skill: #743 on hotskills, 1.3k stars

[![dgreenheck/webgpu-claude-skill on hotskills](https://hotskills.dev/badge/dgreenheck-webgpu-claude-skill.svg)](https://hotskills.dev/skill/dgreenheck-webgpu-claude-skill/)