إعداد React Three Fiber الأساسي، وتكوين Canvas، والتسلسل الهرمي للمشهد، وأنظمة الكاميرا، والإضاءة، وحلقة العرض، وأنماط تكامل React. يُستخدم عند إعداد مشروع R3F جديد، أو تكوين مكون Canvas، أو إدارة بنية المشهد، أو فهم نموذج Three.js-in-React التعريفي. المهارة الأساسية التي تعتمد عليها جميع مهارات R3F الأخرى.
ثبّت مهارة الذكاء الاصطناعي r3f-fundamentals بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: bbeierle12/skill-mcp-claude.
Declarative Three.js via React components. R3F maps Three.js objects to JSX elements with automatic disposal, reactive updates, and React lifecycle integration.
| new THREE.Mesh() | | | mesh.position.set(1, 2, 3) | | | scene.add(mesh) | JSX nesting handles hierarchy | | mesh.geometry.dispose() | Automatic on unmount |
| always | Continuous animation (games, simulations) | | demand | Static scenes, only re-render on state change | | never | Manual control via invalidate() |
إعداد React Three Fiber الأساسي، وتكوين Canvas، والتسلسل الهرمي للمشهد، وأنظمة الكاميرا، والإضاءة، وحلقة العرض، وأنماط تكامل React. يُستخدم عند إعداد مشروع R3F جديد، أو تكوين مكون Canvas، أو إدارة بنية المشهد، أو فهم نموذج Three.js-in-React التعريفي. المهارة الأساسية التي تعتمد عليها جميع مهارات R3F الأخرى. المصدر: bbeierle12/skill-mcp-claude.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill r3f-fundamentalsإعداد React Three Fiber الأساسي، وتكوين Canvas، والتسلسل الهرمي للمشهد، وأنظمة الكاميرا، والإضاءة، وحلقة العرض، وأنماط تكامل React. يُستخدم عند إعداد مشروع R3F جديد، أو تكوين مكون Canvas، أو إدارة بنية المشهد، أو فهم نموذج Three.js-in-React التعريفي. المهارة الأساسية التي تعتمد عليها جميع مهارات R3F الأخرى. المصدر: bbeierle12/skill-mcp-claude.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill r3f-fundamentals بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/bbeierle12/skill-mcp-claude