spline-3d-integration
Skill by sickn33 · updated · ★ 48k
Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API. spline-3d-integration is published by sickn33 on GitHub.
Install spline-3d-integration
Built from the published package, never by AIgit clone --depth 1 https://github.com/sickn33/agentic-awesome-skills /tmp/agentic-awesome-skills && mkdir -p ~/.claude/skills && cp -r /tmp/agentic-awesome-skills/plugins/agentic-awesome-skills/skills/spline-3d-integration ~/.claude/skills/spline-3d-integrationRun in your terminal. Claude Code loads skills from ~/.claude/skills automatically.
git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills /tmp/agentic-awesome-skills && mkdir -p ~/.gemini/antigravity-cli/skills && cp -r /tmp/agentic-awesome-skills/plugins/agentic-awesome-skills/skills/spline-3d-integration ~/.gemini/antigravity-cli/skills/spline-3d-integrationAntigravity CLI loads skills from ~/.gemini/antigravity-cli/skills, or .agents/skills for one project.
Step-by-step: install spline-3d-integration in Antigravity CLI
Skills can run scripts on your machine. Some need an API key: check the README.
Last commit in the past day
MIT: permissive, fine for commercial use
Clear description, installs from GitHub, 48,427 stars, original repository
No risky patterns in the files we checked
Weekly newsletter
Like spline-3d-integration? Get the best new skills every week
The best new tools, security warnings before you install something risky, and one practical tip. Free, three minute read.
Security check
ANo download-and-run commands, hidden instructions or signs of sending keys out were found.
Checked automatically: plugins/agentic-awesome-skills/skills/spline-3d-integration/SKILL.md. This looks for known risky patterns and is not a full audit. How grades work
Inside the skill
-
SKILL.md5 KB -
examples/interactive-scene.tsx6 KB -
examples/react-spline-wrapper.tsx4 KB -
examples/vanilla-embed.html4 KB -
guides/COMMON_PROBLEMS.md9 KB -
guides/PERFORMANCE.md5 KB -
guides/REACT_INTEGRATION.md5 KB -
guides/VANILLA_INTEGRATION.md5 KB
Alternatives to spline-3d-integration
All alternatives →Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.
Create a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded premium cards, and restrained accent color.
Create a clean paper-toned SaaS design system with warm neutrals, orange accent signals, rounded premium forms, and polished product illustration surfaces.
Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals.
Generate publication-quality academic diagrams from paper methodology text
This skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography, improve accessibility, or implement polished frontend interfaces with a clear design system.
spline-3d-integration: common questions
How do I install spline-3d-integration?
Run the command above to copy the skill into ~/.claude/skills/. Claude Code picks it up automatically.
Is spline-3d-integration free?
The code is published under the MIT licence. The service it connects to may have its own pricing.
Is spline-3d-integration safe to use?
It scores 91 of 100. Grades: maintenance A, licence A, quality A. Security check: grade A, no risky patterns found in the files checked. Review the code before you install. How grades work.
What are alternatives to spline-3d-integration?
Similar skills: show-me, nested-container-clean-agency, orange-clean-paper-saas, light-mode-paper-technical.
