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
spawnSyncen 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 | ⚠️ Parcial | Son archivos SKILL.md; puede leerlos |
| Cursor / otros | ⚠️ Parcial | Vía formato Agent Skills |