# Spline MCP: Xây dựng trải nghiệm web 3D bằng AI (Cursor, Claude, Gemini và hơn thế nữa) - Spline Academy (https://spline.design/vi/academy/tutorials/spline-mcp-build-3d-web-experiences-with-ai-cursor-claude-gemini-and-more)

> Biến một hình ảnh tham chiếu thành cảnh 3D có thể chỉnh sửa với Spline MCP và Claude — rồi tiến xa hơn với một website tương tác.

1. [Academy](https://spline.design/vi/academy)
2. [Hướng dẫn](https://spline.design/vi/academy/tutorials)
3. Spline MCP: Xây dựng trải nghiệm web 3D bằng AI (Cursor, Claude, Gemini và hơn thế nữa)

# Spline MCP: Xây dựng trải nghiệm web 3D bằng AI (Cursor, Claude, Gemini và hơn thế nữa)

Spline 3DTrung cấp6 phút

Biến một hình ảnh tham chiếu thành cảnh 3D có thể chỉnh sửa với Spline MCP và Claude — rồi tiến xa hơn với một website tương tác.

Trong hướng dẫn này, bạn sẽ học cách kết nối ứng dụng Spline desktop với công cụ AI của mình, viết prompt đầu tiên và xem cảnh của bạn thành hình ngay trong trình chỉnh sửa. Chúng tôi sẽ tái tạo một mô hình công viên lơ lửng, tìm hiểu cách tinh chỉnh các đối tượng và vật liệu, rồi dùng Claude để xây dựng một trải nghiệm web vui nhộn xung quanh nó, với nút chuyển ngày/đêm, những bất ngờ ẩn giấu và các thành phần tương tác.

Bạn sẽ học được:

- Kết nối Spline MCP với Claude và các công cụ AI tương thích MCP khác.
- Dùng hình ảnh tham chiếu để tạo một cảnh 3D có thể chỉnh sửa.
- Tinh chỉnh cảnh bằng prompt hoặc thay đổi thủ công trong Spline.
- Làm việc trên một tệp Spline có sẵn hoặc bắt đầu từ đầu.
- Biến cảnh 3D của bạn thành một trải nghiệm web tương tác.

Hãy mang theo một hình ảnh tham chiếu, một ý tưởng hoặc một moodboard — và bắt đầu xây dựng. Chia sẻ những gì bạn tạo ra trong phần bình luận nhé!

Hãy thử Spline V2 và để lại bình luận về những gì bạn muốn xem tiếp theo!

👍 Đừng quên like và đăng ký kênh để xem thêm hướng dẫn và tin tức về Spline

Liên kết: 🌸 Hana → <https://spline.design/hana> 💖 Spline → <http://app.spline.design> 📚 Tài liệu Spline → <https://docs.spline.design> 👋 Cộng đồng Spline → <https://app.spline.design/community>

Mạng xã hội của chúng tôi: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

#spline #3D #Design #Spline3D #AIAgent

## Tổng quan

- Spline 3D
- 6 phút
- Trung cấp

## Hướng dẫn liên quan

[Tất cả hướng dẫn](https://spline.design/vi/academy/tutorials)

[Xây dựng 3D tương tác với Spline và ChatGPT - Hướng dẫn đầy đủ về plugin SplineSpline 3DCơ bản6 phút](https://spline.design/vi/academy/tutorials/build-interactive-3d-with-spline-and-chatgpt-spline-plugin-full-walkthrough)[Tham quan toàn bộ Hana V2: quy trình làm việc với tác nhân AI, hỗ trợ 3D, canvas nhanh hơnSpline 3DCơ bản9 phút](https://spline.design/vi/academy/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas)[Tham quan toàn bộ Spline V2: bố cục mới, sáng tạo nhanh hơn, quy trình làm việc với tác nhân AISpline 3DCơ bản9 phút](https://spline.design/vi/academy/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow)

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

Trình chỉnh sửa 3D và 2D cho các nhóm và tác nhân AI của họ. Xuất bản lên web, iOS và Android.

#### Hỏi AI về Spline

#### Sản phẩm

- [Thiết kế 3D](https://spline.design/vi/3d-design)
- [Hana](https://spline.design/vi/hana)
- [Omma](https://omma.build)
- [Tạo 3D bằng AI](https://spline.design/vi/ai-generate)
- [Spline MCP](https://spline.design/vi/mcp)
- [Spline Arena](https://spline.design/vi/arena)
- [Bảng giá](https://spline.design/vi/pricing)
- [Doanh nghiệp](https://spline.design/vi/enterprise)

#### Runtime

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

#### Ứng dụng

- [Tải xuống](https://spline.design/vi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Tải Spline Mirror](https://spline.design/download-mirror)

#### Học

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/vi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Giải pháp](https://spline.design/solutions)

#### Cộng đồng

- [Cộng đồng Spline](https://community.spline.design)
- [Blog](https://spline.design/vi/blog)
- [Changelog](https://spline.design/vi/changelog)
- [Giáo dục](https://spline.design/vi/education)
- [Contra](https://spline.design/contra)
- [Tiếp thị liên kết](https://spline.design/vi/affiliate)

#### Công ty

- [Khách hàng](https://spline.design/vi/customers)
- [Tuyển dụng](https://www.ycombinator.com/companies/spline/jobs)
- [Bảo mật](https://spline.design/vi/security)

#### Pháp lý

- [Điều khoản & Điều kiện](https://spline.design/terms)
- [Quyền riêng tư](https://spline.design/privacy)

#### Liên hệ

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

© 2026 - Spline, Inc.