webgpu-claude-skill

webgpu-claude-skill

使用 Three.js 和 WebGPU 开发图形应用的 Claude 技能。

Agent Skill编程与开发开源
形态
Agent Skill
是否开源
GitHub Stars
★ 1.0k
收录来源
skill-github

能力说明

这个技能为 Claude 提供了使用 Three.js 和 WebGPU 渲染器开发图形应用的能力。它涵盖了从设置 Three.js 环境到编写 TSL 着色器、创建基于节点的材质、构建 GPU 计算着色器以及实现后处理效果等多方面的知识。通过该技能,开发者可以更高效地利用 WebGPU 的强大功能进行图形编程。适合对 WebGPU 和 Three.js 感兴趣的开发者。

能力点

  • 设置 Three.js 与 WebGPU 渲染器
  • 编写 TSL 着色器
  • 创建基于节点的材质
  • 构建 GPU 计算着色器
  • 实现后处理效果
  • 集成自定义 WGSL 代码

适用场景

WebGPU 图形应用开发Three.js 材质和着色器编写GPU 计算任务后处理效果实现

接入方式

依赖:Node 环境Three.js r171+
/skill install webgpu-threejs-tsl@<your-github-username>/webgpu-claude-skill 或手动复制 `skills/webgpu-threejs-tsl` 文件夹到全局或项目目录。

以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。

常见问题

支持哪些浏览器?

Chrome 113+, Edge 113+, Firefox (需开启标志), Safari (WebGPU 预览)

需要什么版本的 Three.js?

推荐 r171+ 版本

相关 Skill