spline-3d-integration
Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.
Profile →npx skills add sickn33/agentic-awesome-skills --skill spline-3d-integration --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 vani
- When to Use
- Quick Reference
- Working Examples
- What Is Spline?
- STEP 1 — Identify the Stack
- STEP 2 — Get the Scene URL
- STEP 3 — Read the Relevant Guide
- Strict Rules
- Limitations
What does the spline-3d-integration skill do?
Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill spline-3d-integration --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.