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)

Meta-competenza per combinare Three.js, GSAP ScrollTrigger, React Three Fiber, Motion e React Spring per esperienze web 3D complesse. Da utilizzare quando si creano applicazioni che integrano più librerie 3D e di animazione, che richiedono modelli di architettura, gestione dello stato e ottimizzazione delle prestazioni in tutto lo stack. Trigger su attività che coinvolgono l'integrazione di librerie, architetture multi-biblioteca, esperienze 3D guidate da scorrimento, animazioni 3D basate sulla fisica o applicazioni 3D interattive complesse. Fonte: freshtechbro/claudedesignskills.