أنشئ مشاهد تعريفية ثلاثية الأبعاد باستخدام React Three Fiber (R3F) - عارض React لـ Three.js. يُستخدم عند إنشاء تجارب تفاعلية ثلاثية الأبعاد في تطبيقات React ذات البنية القائمة على المكونات وإدارة الحالة والتجريدات القابلة لإعادة الاستخدام. مثالية لتكوينات المنتجات، والمحافظ، والألعاب، وتصور البيانات، وتجارب الويب الغامرة.
ثبّت مهارة الذكاء الاصطناعي react-three-fiber بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: freshtechbro/claudedesignskills.
React Three Fiber (R3F) is a React renderer for Three.js that brings declarative, component-based 3D development to React applications. Instead of imperatively creating and managing Three.js objects, you build 3D scenes using JSX components that map directly to Three.js objects.
The component sets up a Three.js scene, camera, renderer, and render loop.
Important: Never use setState inside useFrame - it causes unnecessary re-renders!
أنشئ مشاهد تعريفية ثلاثية الأبعاد باستخدام React Three Fiber (R3F) - عارض React لـ Three.js. يُستخدم عند إنشاء تجارب تفاعلية ثلاثية الأبعاد في تطبيقات React ذات البنية القائمة على المكونات وإدارة الحالة والتجريدات القابلة لإعادة الاستخدام. مثالية لتكوينات المنتجات، والمحافظ، والألعاب، وتصور البيانات، وتجارب الويب الغامرة. المصدر: freshtechbro/claudedesignskills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-three-fiberأنشئ مشاهد تعريفية ثلاثية الأبعاد باستخدام React Three Fiber (R3F) - عارض React لـ Three.js. يُستخدم عند إنشاء تجارب تفاعلية ثلاثية الأبعاد في تطبيقات React ذات البنية القائمة على المكونات وإدارة الحالة والتجريدات القابلة لإعادة الاستخدام. مثالية لتكوينات المنتجات، والمحافظ، والألعاب، وتصور البيانات، وتجارب الويب الغامرة. المصدر: freshtechbro/claudedesignskills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-three-fiber بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/freshtechbro/claudedesignskills