Use when adding interactive 3D scenes from Spline.design to web projects. Covers embedding methods (React, Next.js, vanilla JS), the @splinetool/runtime API for programmatic control (events, variables, animations, camera), performance optimization, and common integration patterns like hero sections, product viewers, and scroll-driven 3D.
Quickly install spline-3d-integration AI skill to your development environment via command line
Source: codecrafter98/spline-3d-integration.
Master guide for embedding interactive 3D scenes from Spline.design into web projects.
Spline is a browser-based 3D design tool — think of it as Figma, but for 3D. Designers create interactive 3D scenes (objects, materials, animations, physics, events) in the Spline editor, then export them for the web.
There are 3 ways to embed a Spline scene. Choose based on your stack:
Use when adding interactive 3D scenes from Spline.design to web projects. Covers embedding methods (React, Next.js, vanilla JS), the @splinetool/runtime API for programmatic control (events, variables, animations, camera), performance optimization, and common integration patterns like hero sections, product viewers, and scroll-driven 3D. Source: codecrafter98/spline-3d-integration.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/codecrafter98/spline-3d-integration --skill spline-3d-integrationUse when adding interactive 3D scenes from Spline.design to web projects. Covers embedding methods (React, Next.js, vanilla JS), the @splinetool/runtime API for programmatic control (events, variables, animations, camera), performance optimization, and common integration patterns like hero sections, product viewers, and scroll-driven 3D. Source: codecrafter98/spline-3d-integration.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/codecrafter98/spline-3d-integration --skill spline-3d-integration Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/codecrafter98/spline-3d-integration