Repolode
Enviar
majidmanzarpour

majidmanzarpour/threejs-game-skills

Un paquete de nueve skills de agente para Codex y Claude Code, pensado para crear juegos de navegador pulidos y jugables con Three.js, con una skill directora que distribuye el trabajo.

Ver en GitHub
Estrellas
2,541
Forks
252
Issues abiertos
5
Último commit
hace 23 días

¿Qué es?

Three.js Game Skills reúne skills de agente para Codex y Claude Code orientadas a crear juegos de navegador con Three.js. El punto de entrada es threejs-game-director, que deriva las solicitudes a skills especializadas en sistemas de juego, gráficos, UI, depuración, QA y publicación, además de generación de recursos 3D, imágenes y audio. Cada carpeta de skill incluye su propio SKILL.md, referencias, scripts auxiliares y recursos.

El paquete incluye una estructura base con Vite + TypeScript + Three.js. Los juegos generados incorporan hooks de prueba deterministas, un RNG con semilla y plantillas de Playwright para pruebas de humo, referencias para regresión visual y pruebas de juego con bots, de modo que un agente pueda revisar su propio trabajo en un navegador. Un helper para inspeccionar el canvas informa métricas de píxeles y datos sobre el presupuesto de renderizado, y un verificador de evidencias valida un conjunto declarado de capturas de pantalla frente a un ID de ejecución.

La generación de recursos externos es opcional. Tripo se encarga de los modelos 3D, Gemini de las imágenes y ElevenLabs del audio, cada uno mediante su propia clave de API. Si faltan las claves, el director recurre a recursos procedurales e informa de la limitación.

Funciones clave

  • 01La skill directora deriva las solicitudes generales sobre juegos a skills especializadas en jugabilidad, gráficos, UI, depuración y publicación.
  • 02Incluye una estructura base de juego con Vite + TypeScript + Three.js, hooks de prueba deterministas y un RNG con semilla.
  • 03Incluye plantillas de Playwright para pruebas de humo, referencias para regresión visual y pruebas de juego con bots.
  • 04Ofrece un script para inspeccionar el canvas que informa métricas de píxeles y datos sobre el presupuesto de renderizado.
  • 05Las integraciones opcionales con Tripo, Gemini y ElevenLabs generan modelos 3D, imágenes y audio.

Casos de uso

  • Crear un juego de navegador desde una carpeta vacía con un agente de programación de IA en Codex o Claude Code.
  • Mejorar los gráficos, el HUD o los controles móviles de un prototipo existente de Three.js.
  • Añadir pruebas automatizadas en navegador y referencias de capturas de pantalla a un proyecto de juego con Three.js.
  • Generar modelos 3D, texturas o efectos de sonido listos para juegos mediante proveedores externos cuando se disponga de las claves.

Inicio rápido

  1. 1

    Instala todas las skills para Codex

    npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y
  2. 2

    Instala todas las skills para Claude Code

    npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y
  3. 3

    Abre Codex o Claude Code en una carpeta del proyecto y pídele que use threejs-game-director para crear tu juego

Antes de usarlo

  • Solo funciona con los agentes Codex y Claude Code; no es un motor de juegos independiente.
  • Algunas funciones de generación de recursos requieren claves de API de pago de Tripo, Gemini o ElevenLabs. De lo contrario, el agente recurrirá a recursos generados mediante procedimientos.

Temas

#threejs#webgl#game-development#agent-skills#playwright#vite#typescript#claude-code

Preguntas frecuentes

¿Qué es threejs-game-skills?
Un paquete de nueve skills de agente para Codex y Claude Code, pensado para crear juegos de navegador pulidos y jugables con Three.js, con una skill directora que distribuye el trabajo. Three.js Game Skills reúne skills de agente para Codex y Claude Code orientadas a crear juegos de navegador con Three.js. El punto de entrada es threejs-game-director, que deriva las solicitudes a skills especializadas en sistemas de juego, gráficos, UI, depuración, QA y publicación, además de generación de recursos 3D, imágenes y audio. Cada carpeta de skill incluye su propio SKILL.md, referencias, scripts auxiliares y recursos.
¿threejs-game-skills es gratuito? ¿Qué licencia tiene?
threejs-game-skills es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿threejs-game-skills sigue mantenido?
Mantenimiento activo. El último commit de threejs-game-skills fue el 28 sept 2026.
¿Para qué puedo usar threejs-game-skills?
Crear un juego de navegador desde una carpeta vacía con un agente de programación de IA en Codex o Claude Code. Mejorar los gráficos, el HUD o los controles móviles de un prototipo existente de Three.js. Añadir pruebas automatizadas en navegador y referencias de capturas de pantalla a un proyecto de juego con Three.js. Generar modelos 3D, texturas o efectos de sonido listos para juegos mediante proveedores externos cuando se disponga de las claves.
¿Cómo se instala threejs-game-skills?
Instala todas las skills para Codex: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y Instala todas las skills para Claude Code: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y Abre Codex o Claude Code en una carpeta del proyecto y pídele que use threejs-game-director para crear tu juego
¿Dónde consigo threejs-game-skills?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/majidmanzarpour/threejs-game-skills

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados