Moh4696/open-3d-skills

¿Qué es?

Funciones clave

• 01Crea escenas de three.js íntegramente mediante código, sin necesidad de archivos de modelos.
• 02Crea películas controladas por el desplazamiento a partir de clips generados, con comprobación de las uniones y compatibilidad con la opción de movimiento reducido.
• 03Genera video con transparencia para todos los navegadores, incluido Safari, mediante MP4 con alpha apilado, VP9 con alpha o fotogramas WebP.
• 04Genera rigs de personajes que siguen el cursor y se construyen a partir de una cuadrícula de poses.
• 05Crea vistas interactivas con las piezas separadas, que incluyen separación por etapas, rayos X, cortes de sección y etiquetas.
• 06Comprueba páginas en Chromium y WebKit sin interfaz gráfica y en tres tamaños, y genera un informe con una hoja de contacto.
• 07Graba videos de cualquier página a 60 fps, con precisión de fotograma y usando un reloj virtual.

Casos de uso

• Crear una página de producto o de aterrizaje con una escena 3D en tiempo real que funcione a 60 fps.
• Convertir clips generados por IA en una película controlada por el desplazamiento en un sitio web.
• Añadir superposiciones de video con transparencia que funcionen tanto en Safari como en Chrome.
• Explicar el funcionamiento de una máquina con una vista interactiva de sus piezas separadas.
• Grabar videos de demostración fluidos de una página web para redes sociales o clientes.

Inicio rápido

1. 1

   Instala las ocho skills con la CLI npx skills (requiere Node 22.20 o posterior).

   npx skills add Moh4696/open-3d-skills
2. 2

   Inicia una nueva sesión del agente para que cargue las skills.

Antes de usarlo

• !Estas instrucciones son para agentes de programación, no para una aplicación independiente, así que necesitas un agente como Claude Code o Codex para usarlas.
• !Algunas skills requieren Python 3.9 o posterior, ffmpeg y un servicio de generación de imágenes o videos.
• !El README indica que las skills no almacenan claves de API, por lo que debes proporcionar tu propio acceso al servicio de generación.

En colecciones

Temas

Preguntas frecuentes

¿Qué es open-3d-skills?

Ocho skills para agentes que enseñan a crear, animar y comprobar sitios web 3D y controlados por el desplazamiento con three.js. Open 3D Skills es un conjunto de ocho skills para agentes, pensado para crear sitios web 3D y animados. Incluye escenas de three.js en tiempo real escritas en código, películas controladas por el desplazamiento y generadas a partir de clips de video, video con transparencia compatible con Safari, personajes que siguen el cursor, vistas interactivas de máquinas con sus piezas separadas y el trabajo con imágenes y video mediante IA necesario para producir estos recursos.

¿open-3d-skills es gratuito? ¿Qué licencia tiene?

open-3d-skills es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.

¿open-3d-skills sigue mantenido?

Mantenimiento activo. El último commit de open-3d-skills fue el 31 oct 2026.

¿Para qué puedo usar open-3d-skills?

Crear una página de producto o de aterrizaje con una escena 3D en tiempo real que funcione a 60 fps. Convertir clips generados por IA en una película controlada por el desplazamiento en un sitio web. Añadir superposiciones de video con transparencia que funcionen tanto en Safari como en Chrome. Explicar el funcionamiento de una máquina con una vista interactiva de sus piezas separadas. Grabar videos de demostración fluidos de una página web para redes sociales o clientes.

¿Cómo se instala open-3d-skills?

Instala las ocho skills con la CLI npx skills (requiere Node 22.20 o posterior).: npx skills add Moh4696/open-3d-skills Inicia una nueva sesión del agente para que cargue las skills.

¿Dónde consigo open-3d-skills?

El código fuente y las instrucciones de instalación están en GitHub: https://github.com/Moh4696/open-3d-skills