Next.jsとThree.jsの3Dカスタム塗装コンフィギュレーターにVespa 125を追加

同じ課題を3つのClaude構成で比較:塗装可能なVespaを3Dコンフィギュレーターへ追加。Claude Opus 5 Highはクラシックな青いPrimaveraを選びました。

Next.jsとThree.jsの3Dカスタム塗装コンフィギュレーターにVespa 125を追加
Claude Code + Three.js(コードのみ)Wandy 2
実際のモデル · 360°どちらも同じ写真から作成:左は Claude Code(Opus 5.5)が Three.js のコードでモデリングした、手を加えていない1回分の実行結果。右は Wandy 2。

精細な3Dモデルを作ろう

コードだけでは単純な形しか作れません。Wandy 2なら写真1枚から、同じシーンで使えるテクスチャ付き3Dモデルを作れます。

Claude Opus 5のプロンプト

Add a Vespa 125 to my 3D configurator, end to end.

このプロンプトの使い方

  1. Next.jsとThree.jsのリポジトリを開いたエージェントで、Claude Opus 5にプロンプトを貼ります。

  2. Vespa 125を自分の製品に置き換え、塗装ゾーン、仕上げ、リバリーを調整します。

  3. GLBのサイズとゾーン分割を確認し、色の反映や見た目がおかしければ修正を依頼します。

元の投稿作者の方ですか? このページの修正・削除をご依頼ください