·aframe-webxr

إطار عمل ويب تعريفي لبناء تجارب ثلاثية الأبعاد وواقع افتراضي وواقع معزز قائمة على المستعرض باستخدام بنية HTML ومكونات الكيان. استخدم هذه المهارة عند إنشاء تطبيقات WebXR، أو تجارب الواقع الافتراضي، أو تجارب الواقع المعزز، أو مشاهد الوسائط بنطاق 360 درجة، أو محتوى الويب الشامل مع الحد الأدنى من JavaScript. تشغيل المهام التي تتضمن A-Frame، أو WebXR، أو تطوير الواقع الافتراضي، أو تطوير الواقع المعزز، أو نظام مكونات الكيان، أو المشاهد ثلاثية الأبعاد التعريفية، أو المشاهد ثلاثية الأبعاد المستندة إلى HTML. مبني على Three.js مع نهج HTML الأول الذي يمكن الوصول إليه.

14التثبيتات·1الرائج·@freshtechbro

التثبيت

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr

كيفية تثبيت aframe-webxr

ثبّت مهارة الذكاء الاصطناعي aframe-webxr بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: freshtechbro/claudedesignskills.

Pattern 3: AR Hit Testing (Place Objects in Real World)

Problem: Enable click interactions with desktop mouse or VR gaze

إطار عمل ويب تعريفي لبناء تجارب ثلاثية الأبعاد وواقع افتراضي وواقع معزز قائمة على المستعرض باستخدام بنية HTML ومكونات الكيان. استخدم هذه المهارة عند إنشاء تطبيقات WebXR، أو تجارب الواقع الافتراضي، أو تجارب الواقع المعزز، أو مشاهد الوسائط بنطاق 360 درجة، أو محتوى الويب الشامل مع الحد الأدنى من JavaScript. تشغيل المهام التي تتضمن A-Frame، أو WebXR، أو تطوير الواقع الافتراضي، أو تطوير الواقع المعزز، أو نظام مكونات الكيان، أو المشاهد ثلاثية الأبعاد التعريفية، أو المشاهد ثلاثية الأبعاد المستندة إلى HTML. مبني على Three.js مع نهج HTML الأول الذي يمكن الوصول إليه. المصدر: freshtechbro/claudedesignskills.

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-03-09
آخر تحديث
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

إجابات سريعة

ما هي aframe-webxr؟

إطار عمل ويب تعريفي لبناء تجارب ثلاثية الأبعاد وواقع افتراضي وواقع معزز قائمة على المستعرض باستخدام بنية HTML ومكونات الكيان. استخدم هذه المهارة عند إنشاء تطبيقات WebXR، أو تجارب الواقع الافتراضي، أو تجارب الواقع المعزز، أو مشاهد الوسائط بنطاق 360 درجة، أو محتوى الويب الشامل مع الحد الأدنى من JavaScript. تشغيل المهام التي تتضمن A-Frame، أو WebXR، أو تطوير الواقع الافتراضي، أو تطوير الواقع المعزز، أو نظام مكونات الكيان، أو المشاهد ثلاثية الأبعاد التعريفية، أو المشاهد ثلاثية الأبعاد المستندة إلى HTML. مبني على Three.js مع نهج HTML الأول الذي يمكن الوصول إليه. المصدر: freshtechbro/claudedesignskills.

كيف أثبّت aframe-webxr؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/freshtechbro/claudedesignskills