Spline 3D Integration

Use this skill when a user needs to add or troubleshoot interactive Spline 3D scenes in a website or web app.

When to use this skill

• The user wants to embed a Spline scene in React, Next.js, or vanilla JS.
• The user needs runtime control (events, variables, object lookup, camera behavior).
• The user is seeing poor performance, blank scenes, or loading issues.
• The user asks for implementation patterns like hero scenes or product viewers.

When not to use this skill

• The user only needs static 3D media (image/video) with no interaction.
• The user is not using Spline assets.

Outcome expectations

When using this skill, produce: