Habilidad integral para el desarrollo web 3D Three.js. Utilice esta habilidad al crear escenas 3D interactivas, aplicaciones WebGL/WebGPU, configuradores de productos, visualizaciones 3D o experiencias web inmersivas. Activa tareas que involucran Three.js, renderizado 3D, escenas, cámaras, mallas, materiales, luces, animaciones, texturas o renderizado WebGL/WebGPU.
Instala rápidamente el skill de IA threejs-webgl en tu entorno de desarrollo mediante línea de comandos
Fuente: freshtechbro/claudedesignskills.
Three.js is the industry-standard JavaScript library for creating 3D graphics in web browsers using WebGL and WebGPU. This skill provides comprehensive guidance for building performant, interactive 3D experiences including scenes, cameras, renderers, geometries, materials, lights, textures, and animations.
Three.js uses a hierarchical scene graph where all 3D objects are organized in a tree structure:
Use InstancedMesh for Repeated Objects For hundreds/thousands of identical objects, use InstancedMesh (see pattern above).
Habilidad integral para el desarrollo web 3D Three.js. Utilice esta habilidad al crear escenas 3D interactivas, aplicaciones WebGL/WebGPU, configuradores de productos, visualizaciones 3D o experiencias web inmersivas. Activa tareas que involucran Three.js, renderizado 3D, escenas, cámaras, mallas, materiales, luces, animaciones, texturas o renderizado WebGL/WebGPU. Fuente: freshtechbro/claudedesignskills.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/freshtechbro/claudedesignskills --skill threejs-webglHabilidad integral para el desarrollo web 3D Three.js. Utilice esta habilidad al crear escenas 3D interactivas, aplicaciones WebGL/WebGPU, configuradores de productos, visualizaciones 3D o experiencias web inmersivas. Activa tareas que involucran Three.js, renderizado 3D, escenas, cámaras, mallas, materiales, luces, animaciones, texturas o renderizado WebGL/WebGPU. Fuente: freshtechbro/claudedesignskills.
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/freshtechbro/claudedesignskills --skill threejs-webgl 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, Cursor u OpenClaw
https://github.com/freshtechbro/claudedesignskills