1枚の画像から、メッシュファイルではなく、アニメーション対応のThree.js用TypeScriptコードでオブジェクトを再構築します。
viettranx/3dviz-pro-max
アイデアをレシピやキット、フレームキャプチャを使ってThree.jsやBlenderのシーンにする、AIコーディングエージェント向けスキル。
- スター
- 810
- フォーク
- 99
- 未解決の Issue
- 1
- 最終コミット
- 先月
これは何?
3dviz-pro-maxは、クリエイティブな3Dビジュアライゼーションに特化した単体のエージェントスキルです。意図の把握、オブジェクトの検討、構築方法の選択、初回表示、実行と確認、改善までを網羅する10段階のワークフローを提供します。たとえば「探索できる小さなファンタジーの村」のような短いプロンプトから、エージェントが構築して確認できるThree.jsシーンを作成できます。
このスキルには、24の題材カテゴリにわたる223件のレシピを検索できるカタログ、440件のナレッジレコード、22種類のキットの設計図、そして解剖学、数学、物理学、創作世界、ライティングを扱う37件の実行可能なサンプルスタディが含まれています。ナレッジレコードにはスタイルプロファイルやライティングのデフォルト設定が含まれており、必須の設定ではなく、調整して使うための出発点として提供されます。
また、色管理、トーンマッピング、カメラとライティングのリグを備えたViteとThree.jsのひな形に加え、Playwrightを使ってビルド済みシーンのPNGフレームとコンソールログを書き出すキャプチャヘルパーも付属します。このスキルが提供するのはガイダンスとファイルであり、シーンの作成と実行にはエージェント自身のツールを使います。Claude Codeにはプラグインまたはスキルフォルダーとしてインストールでき、Codexにも対応するよう設計されています。
主な機能
- 01意図の把握から、3Dシーンの確認と報告までエージェントを導く10段階のワークフロー。
- 0224の題材カテゴリにわたる223件のレシピを収録した検索可能なカタログ。
- 03具体的な初期値として利用できるスタイルプロファイルとライティングリグ。
- 04トーンマッピング、色管理、カメラリグを備えたViteとThree.jsのひな形。
- 05ビルド済みシーンからPNGフレームを保存する、Playwrightベースのキャプチャヘルパー。
- 065つの章にわたる実行可能なサンプルスタディ。それぞれに生成プロンプトと制約が付属。
ユースケース
- コーディングエージェントを使い、一文のクリエイティブなブリーフから探索可能な3Dシーンを試作する。
- 解剖学、物理学、数学の概念をインタラクティブなThree.jsビジュアライゼーションにする。
- キットやレシピを使って、建物や機械の歯車など、よく使う3Dアセットの制作を効率化する。
- キャプチャしたフレームをエージェントに確認させ、推測に頼らずレンダリング結果を検証する。
クイックスタート
- 1
リポジトリをクローンする
git clone https://github.com/viettranx/3dviz-pro-max.git - 2
スキルフォルダーをClaude Codeのskillsにリンクする
ln -s "$(pwd)/skills/3dviz-pro-max" ~/.claude/skills/3dviz-pro-max
使う前に知っておきたいこと
- このスキルはガイダンスと開始用ファイルを提供するもので、レンダラーではありません。シーンを構築して実行するためのツールは、エージェント側で用意する必要があります。
- ブラウザーでのキャプチャには、任意のPlaywrightのインストールが必要です。
- プラグインマーケットプレイス経由の方法は、READMEで未テストと記載されています。
トピック
よくある質問
- 3dviz-pro-max とは?
- アイデアをレシピやキット、フレームキャプチャを使ってThree.jsやBlenderのシーンにする、AIコーディングエージェント向けスキル。 3dviz-pro-maxは、クリエイティブな3Dビジュアライゼーションに特化した単体のエージェントスキルです。意図の把握、オブジェクトの検討、構築方法の選択、初回表示、実行と確認、改善までを網羅する10段階のワークフローを提供します。たとえば「探索できる小さなファンタジーの村」のような短いプロンプトから、エージェントが構築して確認できるThree.jsシーンを作成できます。
- 3dviz-pro-max は無料で使えますか?ライセンスは?
- 3dviz-pro-max は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- 3dviz-pro-max は今もメンテナンスされていますか?
- 半年以内に更新あり。3dviz-pro-max の最終コミットは 2026年9月11日 です。
- 3dviz-pro-max は何に使えますか?
- コーディングエージェントを使い、一文のクリエイティブなブリーフから探索可能な3Dシーンを試作する。 解剖学、物理学、数学の概念をインタラクティブなThree.jsビジュアライゼーションにする。 キットやレシピを使って、建物や機械の歯車など、よく使う3Dアセットの制作を効率化する。 キャプチャしたフレームをエージェントに確認させ、推測に頼らずレンダリング結果を検証する。
- 3dviz-pro-max のインストール方法は?
- リポジトリをクローンする: git clone https://github.com/viettranx/3dviz-pro-max.git スキルフォルダーをClaude Codeのskillsにリンクする: ln -s "$(pwd)/skills/3dviz-pro-max" ~/.claude/skills/3dviz-pro-max
- 3dviz-pro-max はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/viettranx/3dviz-pro-max
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
AIエージェントの難しい質問への回答を、図や表、レイアウト付きのオフラインHTMLページにするエージェントスキル。
Claude CodeやCodexの各プロジェクトを部屋、各エージェントを活動状況がわかるドット絵キャラクターで表示するバーチャルオフィス。
1枚の室内写真から、編集可能なBlenderシーン、Three.jsビューアー、持ち運び可能なGLBモデルを作成するエージェント駆動型スキル。
アイデアや計画、コードベースをインタラクティブなHTML図に変換するエージェントスキル。
コーディングエージェントが図、diffレビュー、計画、表をASCIIアートではなく、スタイル付きHTMLページとして表示するためのエージェントスキルです。