webgpu-claude-skill
Claude skill for developing graphics applications using Three.js and WebGPU.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 1.0k
- Source
- skill-github
Overview
This skill enables Claude to develop graphics applications using the Three.js and WebGPU renderer. It covers a wide range of topics, from setting up a Three.js environment to writing TSL shaders, creating node-based materials, building GPU compute shaders, and implementing post-processing effects. With this skill, developers can more efficiently leverage WebGPU's powerful capabilities for graphics programming. Ideal for developers interested in WebGPU and Three.js.
Capabilities
- ▪Set up Three.js with WebGPU renderer
- ▪Write TSL shaders
- ▪Create node-based materials
- ▪Build GPU compute shaders
- ▪Implement post-processing effects
- ▪Integrate custom WGSL code
Use cases
Setup
/skill install webgpu-threejs-tsl@<your-github-username>/webgpu-claude-skill or manually copy the `skills/webgpu-threejs-tsl` folder to your global or project directory.
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
Which browsers are supported?
Chrome 113+, Edge 113+, Firefox (requires flags enabled), Safari (WebGPU preview)
What version of Three.js is required?
Recommended version r171+
Related skills
gemini-cli
Gemini CLI is an open-source AI agent that brings Gemini's powerful capabilities directly into the terminal.
private-gpt
Provides a complete API layer for local models, supporting RAG, skills, tools, and more.
planning-with-files
File-based persistent planning skill, ideal for AI coding agents and long-running tasks.
scientific-agent-skills
Transform any AI agent into a scientific assistant with 147 ready-to-use research skills.
susi_alexa_skill
A skill that enables question-and-answer interactions between Alexa and Susi AI.
claude-context
Provides code search capabilities for Claude Code, turning the entire codebase into context.