Builds high-performance, interactive 3D web experiences and prototypes using modern Three.js ES modules.
The Three.js Builder skill provides a structured framework for creating elegant 3D scenes directly within Claude. It emphasizes a 'Reference Frame Contract' to eliminate common coordinate system errors and offers specialized guidance for GLTF model loading, responsive camera controls, and performant animation loops. Whether you are building interactive hero sections, 3D product viewers, or rapid game prototypes, this skill ensures best practices for scene hierarchy, material optimization, and cross-device performance using the latest WebGL standards.
Características Principales
01Responsive design with device pixel-ratio clamping for mobile performance
02Rigorous reference frame management to solve axis and anchoring bugs
0317 GitHub stars
04Standardized ES-module scene scaffolding for Three.js r150+
05Performant animation patterns using state machines and loop optimization
06Advanced GLTF loading, caching, and model calibration workflows
Casos de Uso
01Developing rapid 3D game prototypes and interactive mini-games
02Creating interactive 3D hero sections and backgrounds for landing pages
03Building optimized 3D product viewers with GLTF model support
