Saltar al contenido
8/10
T Programación

Three.js Game Skills — Juegos y 3D en la web

Un paquete de 9 skills para crear juegos y escenas 3D en la web con Three.js (la librería de gráficos 3D para navegador). Trae un "director" que reparte el trabajo (jugabilidad, gráficos, interfaz, audio, pruebas...) y hasta un andamio de proyecto listo (Vite + TypeScript + Three.js). No necesita ninguna clave de pago.

Revisada el 2026-10-03

Popularidad
2.4k
Licencia
MIT
Autor
Majid Manzarpour
Categoría
Programación

Seguridad: revisada

Revisada, sin código malicioso.

¿Qué es?

Son skills para que tu IA sepa construir juegos y escenas 3D en la web. En vez de que tú elijas cada especialista, hay un "director" (threejs-game-director) que decide qué skill usar en cada momento: una para la jugabilidad, otra para los gráficos, otra para la interfaz, otra para el audio y otra para probar.

Piénsalo como un pequeño estudio de videojuegos: tú das la idea y el estilo, y el director reparte el trabajo.

Qué incluye:

  • 9 skills (jugabilidad, gráficos "AAA", interfaz, generación de recursos, audio, depuración, verificación de entrega...).
  • Un andamio de proyecto Vite + TypeScript + Three.js dentro de las skills.
  • Pruebas con Playwright (smoke tests, comparación visual y "bots" que juegan solos).

Ojo: habla de Codex y Claude Code. Es formato de "Agent Skills", así que se puede leer en otros, pero está pensado para esos dos.

¿Cuándo me sirve?

Cuando quieres 3D o un juego en tu web (algo que no cubre ninguna otra skill del catálogo):

  • "Quiero un mini-juego en mi web" → el director reparte el trabajo.
  • "Hazme una escena 3D de un producto" → gráficos 3D.
  • "Un juego con puntuación y niveles" → jugabilidad + interfaz.

¿Esto me sirve a mí?

Sí, si te llama el 3D o los juegos. Para una web normal (tienda, blog, CRM) no lo necesitas.

Si un día piensas...Te da...
"Quiero un juego en la web"Skills para construirlo
"Quiero una escena 3D"Three.js con guía
"No sé usar Three.js"Te lo enseña la IA
"Solo quiero una web normal"No es para ti

¿Es segura?

Veredicto: ✅ Limpia.

  • Código revisado: son skills (texto) + scripts auxiliares y un test. Solo aparece un spawnSync en un archivo de test (normal). Sin código dañino.
  • Sin claves ni cuentas.
  • Origen: autor individual, MIT, con demos y activo (sep-2026).

Cómo se instala

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

(Con -a codex para Codex.) Luego pídele a tu IA que use el threejs-game-director.

¿Dónde funciona?

CLI¿Funciona?Notas
Claude Code✅ SíSoportado oficialmente
Codex✅ SíSoportado oficialmente
OpenCode⚠️ ParcialSon archivos SKILL.md; puede leerlos
Cursor / otros⚠️ ParcialVía formato Agent Skills

Volver a Skills