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
Repository
Install this Skill
git clone https://github.com/dgreenheck/webgpu-claude-skill.gitRegistry
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.
一款用于开发基于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.