製品ヒーロー
埋め込める、ライティング済みの製品シーン
Claude、ChatGPT、Cursorなどのエージェントと一緒に、3DシーンやHanaのデザインをつくりましょう。
Splineコネクタが入力された状態でClaudeを開きます。
Add、Connectの順に選び、Splineアカウントでログインします。
プロンプトにSpline(3D)またはHana(2D)と書けば、適切なほうが選ばれます。
すべての変更は、いつでも引き継げるライブファイルに届きます。
つくりたいものを説明します。
どのSplineツールを呼び出すかを決めます。
それぞれの呼び出しをエディターに送ります。
ライブファイルに変更を適用します。
クリックすると、ブリーフが入力された状態でエージェントが開きます。
埋め込める、ライティング済みの製品シーン
光と水のある小さな世界
生成したモデルを配置してライティング
選択したものにステートとイベントを
物理演算で遊べるステージ
編集可能なデスクトップとモバイルのフレーム
スタイルを変えた画面をHTMLでエクスポート
コンポーネントを編集可能なフレームに
エージェントはOAuthであなたとしてログインします。許可は1人ずつに紐づき、取り消せばそのトークンは使えなくなります。
各チャットの呼び出しは、そのチャットが開いたエディターで実行され、ほかの会話のファイルに及ぶことはありません。
デスクトップアプリでは、サーバーはオリジンの許可リストで保護された127.0.0.1で待ち受け、ネットワークからはアクセスできません。
いいえ。エージェントは初回の接続時に、OAuthでSplineアカウントにログインします。作成、貼り付け、保管するキーはありません。
はい、ChatGPTとCodex向けにあります。このページ上部でエージェントを選んで追加するか、その他のMCPクライアントではURLでSplineのMCPサーバーに接続してください。
いいえ。リモートサーバーをエージェントに追加してログインすれば、呼び出しはブラウザのSplineで実行されます。サーバーをローカルで動かしたい場合はデスクトップアプリを使えば、対応するエージェントの設定も自動で行われます。
実際のSplineファイルです。ChatGPTでは会話内のパネルでエディターが開き、ほかのエージェントではブラウザでファイルを開くリンクが表示されます。様子を見たり、引き継いだり、自分で編集を続けたりできます。
OAuthログインに対応したリモートサーバー(streamable HTTP)をサポートするMCPクライアントなら使えます。Claude Code、Claude Desktop、ChatGPT、Codex、Cursor、VS Code、Antigravity、Grok、Grok Buildなどです。
サーバーURLがhttps://mcp.spline.design/mcpになっているか、ログインが完了しているかを確認してください。ほとんどのエージェントでは、サーバーの横にログインまたは認証のアクションが表示されます。起動時にしかMCPサーバーを読み込まないエージェントもあるので、追加後にエージェントを再起動してください。
そのエージェントのMCP設定からSplineサーバーを削除してください。許可はあなたのアカウントに紐づいていて、取り消すとエージェントのトークンはすぐに使えなくなります。