web3d-integration-patterns

This meta-skill provides architectural patterns, best practices, and integration strategies for combining multiple 3D and animation libraries in web applications. It synthesizes knowledge from the threejs-webgl, gsap-scrolltrigger, react-three-fiber, motion-framer, and react-spring-physics skills into cohesive patterns for building complex, performant 3D web experiences.

Pattern 1: Layered Separation (Three.js + GSAP + React UI)

Pattern 2: Unified React Component (React Three Fiber + Motion)

Metahabilidad para combinar Three.js, GSAP ScrollTrigger, React Three Fiber, Motion y React Spring para experiencias web 3D complejas. Úselo al crear aplicaciones que integran múltiples bibliotecas de animación y 3D, que requieren patrones de arquitectura, administración de estado y optimización del rendimiento en toda la pila. Activa tareas que involucran integración de bibliotecas, arquitecturas de bibliotecas múltiples, experiencias 3D basadas en desplazamiento, animaciones 3D basadas en física o aplicaciones 3D interactivas complejas. Fuente: freshtechbro/claudedesignskills.