Spline MCP：AIで3DのWeb体験をつくる（Cursor、Claude、Geminiなど）

Spline MCPとClaudeで、参考画像を編集可能な3Dシーンに変え、さらにインタラクティブなWebサイトへと発展させましょう。

このチュートリアルでは、SplineのデスクトップアプリをAIツールに接続し、最初のプロンプトを書いて、エディタの中でシーンができあがっていく様子を見る方法を学びます。宙に浮かぶ公園のジオラマを再現し、オブジェクトやマテリアルを仕上げる方法を探り、Claudeを使ってその周りに遊び心のあるWeb体験をつくります。昼夜の切り替え、隠れたサプライズ、インタラクティブな要素つきです。

学べること：

• Spline MCPをClaudeなどのMCP対応AIツールに接続する。
• 参考画像から編集可能な3Dシーンを生成する。
• プロンプトでシーンを仕上げたり、Splineで手動で変更したりする。
• 既存のSplineファイルで作業するか、ゼロからはじめる。
• 3DシーンをインタラクティブなWeb体験に変える。

参考画像、アイデア、ムードボードを用意して、つくりはじめましょう。つくったものはコメントでシェアしてください！

Spline V2を試して、次に見たいものをコメントで教えてください！

👍 チャンネル登録と高評価で、Splineのチュートリアルとニュースをチェック

リンク： 🌸 Hana → https://spline.design/hana 💖 Spline → http://app.spline.design 📚 Spline Docs → https://docs.spline.design 👋 Spline Community → https://app.spline.design/community

公式SNS： 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

#spline #3D #Design #Spline3D #AIAgent