Úselo al agregar escenas 3D interactivas de Spline.design a proyectos web. Cubre métodos de incrustación (React, Next.js, vanilla JS), la API @splinetool/runtime para control programático (eventos, variables, animaciones, cámara), optimización del rendimiento y patrones de integración comunes como secciones principales, visores de productos y 3D con desplazamiento.
Instala rápidamente el skill de IA spline-3d-integration en tu entorno de desarrollo mediante línea de comandos
Fuente: 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:
Úselo al agregar escenas 3D interactivas de Spline.design a proyectos web. Cubre métodos de incrustación (React, Next.js, vanilla JS), la API @splinetool/runtime para control programático (eventos, variables, animaciones, cámara), optimización del rendimiento y patrones de integración comunes como secciones principales, visores de productos y 3D con desplazamiento. Fuente: codecrafter98/spline-3d-integration.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/codecrafter98/spline-3d-integration --skill spline-3d-integrationÚselo al agregar escenas 3D interactivas de Spline.design a proyectos web. Cubre métodos de incrustación (React, Next.js, vanilla JS), la API @splinetool/runtime para control programático (eventos, variables, animaciones, cámara), optimización del rendimiento y patrones de integración comunes como secciones principales, visores de productos y 3D con desplazamiento. Fuente: codecrafter98/spline-3d-integration.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/codecrafter98/spline-3d-integration --skill spline-3d-integration Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/codecrafter98/spline-3d-integration