AI灵感世界AI Skills · 编程threejs-skills
入馆：2026 年 11 月 4 日
threejs-skills
让 Claude Code 写 3D 网页时用对 three.js 新写法。
- 生态
- Agent Skills
- Skill 分类
- 编程
- 创建者 / 机构
- CloudAI-X
它是什么
threejs-skills 是 CloudAI-X 整理的一组 Claude Code Skill，讲的是做网页 3D 的库 three.js。作者说，Claude Code 从训练数据里学到的 three.js 混着很多旧版本，r160 到 r186 之间不少接口已经改名或删掉。这组 Skill 按 r186 版本写，覆盖场景、几何体、材质、灯光、贴图、动画、着色器、后期效果、性能和 React Three Fiber。你提的需求对上哪一项，Claude Code 就自动读哪一项。特别的地方是，作者说每个例子都对着已发布的包核对过，导入路径和类名都确认存在。
亮点：
- 一共 13 个 Skill，每个都有能直接跑的入门例子
- 每个 Skill 都有一节讲 WebGPU 和 TSL 的写法
- 有一节“常见错误”，列出旧写法和 r186 的改法。
怎么用：
- 先运行 npx skills add cloudai-x/threejs-skills
- 也可以把仓库克隆下来，再把 skills 文件夹复制到 ~/.claude/skills/
- 最后直接让 Claude Code 做 3D 场景，它会自动用上。
适合谁：
用 Claude Code 写 three.js 或 React Three Fiber 网页的前端开发者。
使用前提：
- 需要 Claude Code 或兼容 Skill 的 AI 助手。
- Skill 本身是文字说明，例子会用到 three.js、gltf-transform 等开源包。
- three.js 是这组 Skill 讲解的开源库，作品和 three.js 官方没有隶属关系。
- 许可证是 MIT。
以上根据项目公开说明整理，本站没有实际测试。