← ClaudeAtlas

spline-3d-integrationlisted

Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.
fabioc-aloha/Alex_Skill_Mall · ★ 1 · AI & Automation · score 80
Install: claude install-skill fabioc-aloha/Alex_Skill_Mall
# Spline 3D Integration Skill Master guide for embedding interactive 3D scenes from [Spline.design](https://spline.design) into web projects. --- ## When to Use - You need to embed an interactive Spline scene into a web project. - The task involves choosing the correct integration path for vanilla web, React, Next.js, Vue, or iframe contexts. - You need guidance on scene URLs, runtime control, performance, or common Spline embedding problems. ## Quick Reference | Task | Guide | | --------------------------------- | -------------------------------------------------------------- | | Vanilla HTML/JS embed | [guides/VANILLA_INTEGRATION.md](guides/VANILLA_INTEGRATION.md) | | React / Next.js / Vue embed | [guides/REACT_INTEGRATION.md](guides/REACT_INTEGRATION.md) | | Performance & mobile optimization | [guides/PERFORMANCE.md](guides/PERFORMANCE.md) | | Debugging & common problems | [guides/COMMON_PROBLEMS.md](guides/COMMON_PROBLEMS.md) | ## Working Examples | File | What it shows | | ---------------------------------------------------------------------- | -------------------------------------------------------- | | [examples/vanilla-embed.html](examples/vanilla-embed.html) | Minimal vanilla JS embed with background + fal