webgpu-claude-skill

收录理由

WebGPU 和 Three.js 的迭代速度很快，尤其是 TSL 着色语言，API 变动频繁，如果让 AI 助手凭记忆去猜，很容易生成无法运行的着色器代码。这个技能为 Claude 提供了一套结构化的参考资料，覆盖 WebGPU 渲染器、TSL 节点材质、计算着色器、后期处理以及自定义 WGSL 的接入方式，还附带可运行的示例和入门模板。项目会跟随 Three.js 的版本更新，比如已经对齐了 r183 的接口变化，所以给出的建议能跟上最新实践。同一份内容既打包成 Claude Code 的 Agent Skill，也做成 Cursor 的项目规则，两个编辑器里都能获得一致的指导。对于做 GPU 密集型网页图形开发的人来说，这意味着不用再花大量时间排查 AI 写错的着色器代码，可以把精力放在真正的创作上。