·threejs-webgl
</>

threejs-webgl

مهارة شاملة لتطوير الويب Three.js 3D. استخدم هذه المهارة عند إنشاء مشاهد تفاعلية ثلاثية الأبعاد، أو تطبيقات WebGL/WebGPU، أو أدوات تكوين المنتج، أو تصورات ثلاثية الأبعاد، أو تجارب ويب غامرة. تشغيل المهام التي تتضمن Three.js، أو العرض ثلاثي الأبعاد، أو المشاهد، أو الكاميرات، أو الشبكات، أو المواد، أو الأضواء، أو الرسوم المتحركة، أو الأنسجة، أو عرض WebGL/WebGPU.

24التثبيتات·2الرائج·@freshtechbro

التثبيت

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill threejs-webgl

كيفية تثبيت threejs-webgl

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

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

المصدر: freshtechbro/claudedesignskills.

Three.js is the industry-standard JavaScript library for creating 3D graphics in web browsers using WebGL and WebGPU. This skill provides comprehensive guidance for building performant, interactive 3D experiences including scenes, cameras, renderers, geometries, materials, lights, textures, and animations.

Three.js uses a hierarchical scene graph where all 3D objects are organized in a tree structure:

Use InstancedMesh for Repeated Objects For hundreds/thousands of identical objects, use InstancedMesh (see pattern above).

مهارة شاملة لتطوير الويب Three.js 3D. استخدم هذه المهارة عند إنشاء مشاهد تفاعلية ثلاثية الأبعاد، أو تطبيقات WebGL/WebGPU، أو أدوات تكوين المنتج، أو تصورات ثلاثية الأبعاد، أو تجارب ويب غامرة. تشغيل المهام التي تتضمن Three.js، أو العرض ثلاثي الأبعاد، أو المشاهد، أو الكاميرات، أو الشبكات، أو المواد، أو الأضواء، أو الرسوم المتحركة، أو الأنسجة، أو عرض WebGL/WebGPU. المصدر: freshtechbro/claudedesignskills.

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

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

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

Browse more skills from freshtechbro/claudedesignskills

إجابات سريعة

ما هي threejs-webgl؟

مهارة شاملة لتطوير الويب Three.js 3D. استخدم هذه المهارة عند إنشاء مشاهد تفاعلية ثلاثية الأبعاد، أو تطبيقات WebGL/WebGPU، أو أدوات تكوين المنتج، أو تصورات ثلاثية الأبعاد، أو تجارب ويب غامرة. تشغيل المهام التي تتضمن Three.js، أو العرض ثلاثي الأبعاد، أو المشاهد، أو الكاميرات، أو الشبكات، أو المواد، أو الأضواء، أو الرسوم المتحركة، أو الأنسجة، أو عرض WebGL/WebGPU. المصدر: freshtechbro/claudedesignskills.

كيف أثبّت threejs-webgl؟

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

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

https://github.com/freshtechbro/claudedesignskills