threejs-builder
✓使用場景設定、照明、幾何圖形、材質、動畫和響應式渲染來建立簡單的 Three.js Web 應用程式。用於：「建立 Threejs 場景/應用程式/展示」或當使用者需要 3D Web 內容時。支援 ES 模組、現代 Three.js r150+ API。
SKILL.md
A focused skill for creating simple, performant Three.js web applications using modern ES module patterns.
Three.js is built on the scene graph—a hierarchical tree of objects where parent transformations affect children. Understanding this mental model is key to effective 3D web development.
Built-in primitives cover most simple app needs. Use BufferGeometry only for custom shapes.
使用場景設定、照明、幾何圖形、材質、動畫和響應式渲染來建立簡單的 Three.js Web 應用程式。用於：「建立 Threejs 場景/應用程式/展示」或當使用者需要 3D Web 內容時。支援 ES 模組、現代 Three.js r150+ API。 來源：chongdashu/cc-skills-nanobananapro。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/chongdashu/cc-skills-nanobananapro --skill threejs-builder- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-11
- 更新時間
- 2026-02-18
快速解答
什麼是 threejs-builder？
使用場景設定、照明、幾何圖形、材質、動畫和響應式渲染來建立簡單的 Three.js Web 應用程式。用於：「建立 Threejs 場景/應用程式/展示」或當使用者需要 3D Web 內容時。支援 ES 模組、現代 Three.js r150+ API。 來源：chongdashu/cc-skills-nanobananapro。
如何安裝 threejs-builder？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/chongdashu/cc-skills-nanobananapro --skill threejs-builder 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/chongdashu/cc-skills-nanobananapro