Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

Spline 3D Integration

porfawaz-i·fawaz-i· v1.0.0 · atualizado em 2026-04-11
80
Score

Integrate Spline 3D scenes into React, Next.js, and vanilla web apps with reliable embed patterns, runtime API usage, and performance-safe defaults.

3d-graphicssplinereactnextjsweb-developmentwebglinteractive-design
Linguagens
TypeScriptJavaScriptHTMLCSS
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdspline-3d-integration/workflow
1. Determine the target framework (React, Next.js, or vanilla JS).
2. Assess the need for runtime control and interactivity.
3. Select the appropriate integration method (@splinetool/react-spline, @splinetool/runtime, or iframe).
4. Generate a minimal working code snippet for the chosen method.
5. Provide performance optimization recommendations.
6. Offer a troubleshooting checklist for common issues.
7. Link to relevant repository resources (guides, examples).

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aTauri v2 JavaScript Frontend Integration
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aReact Flow
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aTone.js Skill
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

Spline 3D Integration
spline-3d-integration
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers8
embed a Spline scene in Reactintegrate Spline 3D into my websitetroubleshoot Spline loading issuesadd interactive 3D to a web appuse Spline runtime APIimprove Spline scene performanceembed spline in nextjsintegrate spline in vanilla js

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download spline-3d-integration
$ synaptic skills detail spline-3d-integration
$ synaptic skills live spline-3d-integration

Dependências

@splinetool/react-spline@splinetool/runtime

Links

GitHub Repository