用途：当需要把 Spline.design 制作的交互式 3D 场景嵌入网页项目时使用，指导选择合适的集成方式并处理运行时控制、性能与排错。Spline 是浏览器端 3D 设计工具，设计师在编辑器中制作对象、材质、动画、物理与事件，再通过托管的 .splinecode 文件 URL 导出到 Web。
主要能力：提供针对 vanilla HTML/JS、React/Next.js、Vue 和 iframe（如 Webflow、Notion）的集成指南；包含最小 vanilla 嵌入示例、生产可用的懒加载 React 包装组件、以及含事件、对象控制与相机的完整交互示例；并覆盖性能与移动端优化、调试与常见问题文档。
使用方式：先检查项目文件确定技术栈，对应方法为 vanilla 用 <spline-viewer> 组件或 @splinetool/runtime，React/Vite 用 @splinetool/react-spline，Next.js 用 @splinetool/react-spline/next，Vue 用 @splinetool/vue-spline，iframe 平台用公开 URL。然后从 Spline 编辑器导出代码并复制 prod.spline.design 的场景 URL，形如 https://prod.spline.design/XXXXXXXXXXXXXXXX/scene.splinecode。复制前需在 Play Settings 中按需开启 Hide Background 与 Hide Spline Logo、把 Geometry Quality 设为 Performance、关闭不必要的 Page Scroll/Zoom/Pan；修改设置后需点击 Generate Draft 或 Promote to Production，URL 不会自动更新。之后按技术栈阅读对应指南，并在完成集成前阅读常见问题文档。
适用场景与限制：适用于上述框架与嵌入场景的集成任务；资料未提供具体版本兼容、收费与价格细节。该技能不能替代针对具体环境的验证、测试与专家评审；若缺少必要输入、权限、安全边界或成功标准，应停止并请求澄清。