three-js
✓Esta habilidad debe usarse cuando el usuario solicita "crear una escena 3D", "agregar una malla", "implementar OrbitControls", "cargar un modelo GLTF", "agregar posprocesamiento de floración", "escribir un sombreador personalizado", "crear efectos de partículas", "optimizar el rendimiento de Three.js", "usar WebGPU", "agregar sombras", "animar un modelo" o menciona Three.js, threejs, WebGL, WebGPU, GLTF, raycaster, material de sombreado, material PBR o efectos de posprocesamiento. IMPORTANTE: Esta habilidad es para VANILLA Three.js (JavaScript imperativo). Para reaccionar tres Fiber (@react-two/fiber, R3F, drei), verifique la habilidad `r3f-best-practices`, aunque las habilidades three-js ayudan cuando se trabaja con R3F, ya que R3F es un renderizador de React para Three.js. Proporciona una referencia completa de Three.js para gráficos web 3D, incluida la configuración de escenas. geometría, materiales, texturas, iluminación, cámaras, cargadores, animación, controles, interacción, sombreadores, posprocesamiento, optimización del rendimiento, materiales TSL/nodo, WebGPU, física e integración VR/XR.
Instalación
SKILL.md
React Three Fiber users: This reference is for vanilla Three.js. For R3F/Drei patterns, use the r3f-best-practices skill. However, understanding Three.js concepts here helps when working with R3F since R3F is a React renderer for Three.js.
| references/01-fundamentals.md | Scene setup, renderer config, Object3D hierarchy, coordinate systems | | references/02-geometry.md | Creating shapes, BufferGeometry, instancing, points, lines | | references/06-cameras.md | Camera types, frustum, viewport, projection | | references/13-math.md | Vector3, Matrix4, Quaternion, Euler, Color, MathUtils |
| references/03-materials.md | PBR materials, shader materials, all material types | | references/04-textures.md | Texture loading, UV mapping, render targets, environment maps | | references/05-lighting.md | Light types, shadows, IBL, light probes | | references/11-shaders.md | Custom GLSL shaders, uniforms, varyings, shader patterns |
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/noklip-io/agent-skills --skill three-js- Fuente
- noklip-io/agent-skills
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es three-js?
Esta habilidad debe usarse cuando el usuario solicita "crear una escena 3D", "agregar una malla", "implementar OrbitControls", "cargar un modelo GLTF", "agregar posprocesamiento de floración", "escribir un sombreador personalizado", "crear efectos de partículas", "optimizar el rendimiento de Three.js", "usar WebGPU", "agregar sombras", "animar un modelo" o menciona Three.js, threejs, WebGL, WebGPU, GLTF, raycaster, material de sombreado, material PBR o efectos de posprocesamiento. IMPORTANTE: Esta habilidad es para VANILLA Three.js (JavaScript imperativo). Para reaccionar tres Fiber (@react-two/fiber, R3F, drei), verifique la habilidad `r3f-best-practices`, aunque las habilidades three-js ayudan cuando se trabaja con R3F, ya que R3F es un renderizador de React para Three.js. Proporciona una referencia completa de Three.js para gráficos web 3D, incluida la configuración de escenas. geometría, materiales, texturas, iluminación, cámaras, cargadores, animación, controles, interacción, sombreadores, posprocesamiento, optimización del rendimiento, materiales TSL/nodo, WebGPU, física e integración VR/XR. Fuente: noklip-io/agent-skills.
¿Cómo instalo three-js?
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/noklip-io/agent-skills --skill three-js 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 o Cursor
¿Dónde está el repositorio de origen?
https://github.com/noklip-io/agent-skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01