Claude Skill

dgreenheck/webgpu-claude-skill

A specialized Claude Skill for developing WebGPU applications with Three.js. Enhance your GPU-accelerated web graphics projects with expert guidance and development support.

Overview

Stars1,051
Forks91
LanguageJavaScript
Last pushed2026-04-10
Last synced2026-07-03
View on GitHub

Repository

Ownerdgreenheck
Repositorywebgpu-claude-skill
Full namedgreenheck/webgpu-claude-skill
Repo ID1,140,251,276

Install this Skill

git clone https://github.com/dgreenheck/webgpu-claude-skill.git

Registry

Typecursor_rule
Quality score70/100
Verificationreadme_parsed
Last verified2026-06-04
Platforms
ClaudeCursor
Capabilities
browserpdfmemory
Detected files
README.md

Summary

A Claude Skill designed to assist developers in creating WebGPU applications using the Three.js library, providing specialized support for modern GPU-accelerated web graphics development.

Chinese description

一款用于开发基于Three.js的WebGPU应用的Claude Skill

Key features

  • WebGPU development assistance
  • Three.js integration support
  • Modern GPU graphics guidance
  • JavaScript-based tooling
  • Developer productivity enhancement

Use cases

  • Building WebGPU applications with Three.js
  • Learning modern web graphics programming
  • Developing GPU-accelerated web visualizations
  • Creating interactive 3D web experiences
  • Prototyping WebGPU-based projects

README excerpt

# WebGPU Three.js TSL Skill An Agent Skill for developing WebGPU-enabled Three.js applications using TSL (Three.js Shading Language). **Last updated:** April 1, 2026 — aligned with Three.js r183+ API changes. ## Overview This skill provides Claude with comprehensive knowledge for: - Setting up Three.js with WebGPU renderer - Writing shaders using TSL (Three.js Shading Language) - Creating node-based materials - Building GPU compute shaders - Implementing post-processing effects - Integrating custom WGSL code ## Installation This repo ships the same content in two formats so it works in both Claude Code (as an Agent Skill) and Cursor (as project rules). The Claude skill under `skills/` is the source of truth; the Cursor rules under `.cursor/rules/` are thin shims that `@file`-reference those same docs, so edits flow through automatically. ### Claude Code ```bash # Install from this repository /skill install webgpu-threejs-tsl@<your-github-username>/webgpu-claude-skill ``` Or manually copy the `skills/webgpu-threejs-tsl` folder to: - **Global**: `~/.claude/skills/` - **Project**: `<project>/.claude/skills/` ### Cursor Clone this repo and open it directly — Cursor picks up `.cursor/rules/` automatically. To use the rules in your own project, copy **both** directories into your project root, preserving the paths: ``` your-project/ ├── .cursor/rules/ # from this repo └── skills/webgpu-threejs-tsl/ # from this repo (referenced by the rules) ``` The `.mdc` files use `@file` references pointing at `skills/webgpu-threejs-tsl/...`, so the `skills/` directory must travel with them. If you'd rather not keep the `skills/` folder, inline the referenced content into each `.mdc` file. The rules are scoped by globs and auto-attach only on relevant files: -

Topics

No topics yet.

Explore more

Data from GitHub. Synced on 2026-07-03