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)

المهارة الوصفية للجمع بين Three.js وGSAP ScrollTrigger وReact Three Fiber وMotion وReact Spring لتجارب الويب ثلاثية الأبعاد المعقدة. يُستخدم عند إنشاء تطبيقات تدمج مكتبات ثلاثية الأبعاد ورسوم متحركة متعددة، مما يتطلب أنماط بنية وإدارة الحالة وتحسين الأداء عبر المجموعة. تشغيل المهام التي تتضمن تكامل المكتبات، أو بنيات المكتبات المتعددة، أو التجارب ثلاثية الأبعاد القائمة على التمرير، أو الرسوم المتحركة ثلاثية الأبعاد القائمة على الفيزياء، أو التطبيقات ثلاثية الأبعاد التفاعلية المعقدة. المصدر: freshtechbro/claudedesignskills.