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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/chongdashu/cc-skills-nanobananapro