# Spline MCP: 3D-Weberlebnisse mit KI bauen (Cursor, Claude, Gemini und mehr) - Spline Academy (https://spline.design/de/academy/tutorials/spline-mcp-build-3d-web-experiences-with-ai-cursor-claude-gemini-and-more)

> Mach aus einem Referenzbild eine bearbeitbare 3D-Szene mit Spline MCP und Claude – und geh dann noch weiter, mit einer interaktiven Website.

1. [Academy](https://spline.design/de/academy)
2. [Tutorials](https://spline.design/de/academy/tutorials)
3. Spline MCP: 3D-Weberlebnisse mit KI bauen (Cursor, Claude, Gemini und mehr)

# Spline MCP: 3D-Weberlebnisse mit KI bauen (Cursor, Claude, Gemini und mehr)

Spline 3DFortgeschritten6 Min.

Mach aus einem Referenzbild eine bearbeitbare 3D-Szene mit Spline MCP und Claude – und geh dann noch weiter, mit einer interaktiven Website.

In diesem Tutorial lernst du, wie du die Spline-Desktop-App mit deinem KI-Tool verbindest, deinen ersten Prompt schreibst und zusiehst, wie deine Szene direkt im Editor entsteht. Wir bauen ein schwebendes Park-Diorama nach, zeigen, wie du seine Objekte und Materialien verfeinerst, und bauen mit Claude ein verspieltes Weberlebnis drumherum – mit Tag-/Nacht-Schalter, versteckten Überraschungen und interaktiven Elementen.

Das lernst du:

- Spline MCP mit Claude und anderen MCP-kompatiblen KI-Tools verbinden.
- Aus einem Referenzbild eine bearbeitbare 3D-Szene generieren.
- Deine Szene mit Prompts verfeinern oder in Spline von Hand ändern.
- In einer bestehenden Spline-Datei arbeiten oder bei null anfangen.
- Deine 3D-Szene in ein interaktives Weberlebnis verwandeln.

Bring ein Referenzbild, eine Idee oder ein Moodboard mit – und leg los. Teile deine Ergebnisse in den Kommentaren!

Probier Spline V2 aus und schreib uns in die Kommentare, was du als Nächstes sehen möchtest!

👍 Vergiss nicht zu liken und zu abonnieren – für mehr Spline-Tutorials und News

Links: 🌸 Hana → <https://spline.design/hana> 💖 Spline → <http://app.spline.design> 📚 Spline Docs → <https://docs.spline.design> 👋 Spline Community → <https://app.spline.design/community>

Unsere Kanäle: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

#spline #3D #Design #Spline3D #AIAgent

## Überblick

- Spline 3D
- 6 Min.
- Fortgeschritten

## Ähnliche Tutorials

[Alle Tutorials](https://spline.design/de/academy/tutorials)

[Interaktives 3D mit Spline und ChatGPT bauen – das Spline-Plugin komplett erklärtSpline 3DEinsteiger6 Min.](https://spline.design/de/academy/tutorials/build-interactive-3d-with-spline-and-chatgpt-spline-plugin-full-walkthrough)[Hana V2 im Überblick: Agenten-Workflow, 3D-Support, schnellerer CanvasSpline 3DEinsteiger9 Min.](https://spline.design/de/academy/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas)[Spline V2 im Überblick: neues Layout, schnelleres Erstellen, Agenten-WorkflowSpline 3DEinsteiger9 Min.](https://spline.design/de/academy/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow)

[Spline](https://spline.design/de)

Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android.

#### Frag die KI zu Spline

#### Produkte

- [3D-Design](https://spline.design/de/3d-design)
- [Hana](https://spline.design/de/hana)
- [Omma](https://omma.build)
- [KI-3D-Generierung](https://spline.design/de/ai-generate)
- [Spline MCP](https://spline.design/de/mcp)
- [Spline Arena](https://spline.design/de/arena)
- [Preise](https://spline.design/de/pricing)
- [Enterprise](https://spline.design/de/enterprise)

#### Runtimes

- [Web](https://spline.design/de/web)
- [iOS](https://spline.design/de/ios)
- [Android](https://spline.design/de/android)

#### Apps

- [Download](https://spline.design/de/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror herunterladen](https://spline.design/download-mirror)

#### Lernen

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/de/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Lösungen](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/de/blog)
- [Changelog](https://spline.design/de/changelog)
- [Bildung](https://spline.design/de/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/de/affiliate)

#### Unternehmen

- [Kunden](https://spline.design/de/customers)
- [Karriere](https://www.ycombinator.com/companies/spline/jobs)
- [Sicherheit](https://spline.design/de/security)

#### Rechtliches

- [AGB](https://spline.design/terms)
- [Datenschutz](https://spline.design/privacy)

#### Kontakt

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.