搭建 WebGPU 場景鷹架
何時使用： 你希望有一個能運行的 WebGPU + Three.js 起始點，省去瑣碎工作。
步驟
-
說明描述場景；skill 起草。✓ 已複製→ 檔案寫入
-
迭代調整著色器；skill 套用✓ 已複製→ 可見輸出
結果： WebGPU 場景快速在瀏覽器中運行。
作者 dgreenheck · dgreenheck/webgpu-claude-skill
以 Claude 快速建立 WebGPU + Three.js 專案——樣板程式碼、著色器模式、效能檢查，全部包在一個 skill 中。
WebGPU 足夠新穎，Claude 常常產生幻覺 API。此 skill 讓它落地：能運行的 Three.js + WebGPU 鷹架、常見著色器模式、瀏覽器效能啟發式規則。
何時使用： 你希望有一個能運行的 WebGPU + Three.js 起始點，省去瑣碎工作。
結果： WebGPU 場景快速在瀏覽器中運行。
| 工具 | 輸入參數 | 何時呼叫 | 成本 |
|---|---|---|---|
| scaffold / shade | （詳見文件） | 兩種流程 | 1 次呼叫 |
WebGPU 不可用Skill 在請求時會輸出 WebGL 回退方案
| 替代方案 | 何時用它替代 | 權衡 |
|---|---|---|
| 直接查閱 Three.js 文件 | 你對 WebGPU 已很熟悉 | 啟動速度較慢 |