·ui-useframe
*

ui-useframe

مزامنة عناصر واجهة المستخدم خارج اللوحة القماشية مع حلقة العرض باستخدام إطار الاستخدام الخارجي الخاص بـ R3F v10.

7التثبيتات·0الرائج·@verekia

التثبيت

$npx skills add https://github.com/verekia/r3f-gamedev --skill ui-useframe

كيفية تثبيت ui-useframe

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

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

المصدر: verekia/r3f-gamedev.

Sync UI elements outside the Canvas with the render loop using R3F v10's external useFrame.

Since React Three Fiber v10, useFrame can be used outside of the Canvas component. This allows updating DOM elements in sync with the 3D scene without using Drei's Html component.

مزامنة عناصر واجهة المستخدم خارج اللوحة القماشية مع حلقة العرض باستخدام إطار الاستخدام الخارجي الخاص بـ R3F v10. المصدر: verekia/r3f-gamedev.

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

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

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

أمر التثبيت
npx skills add https://github.com/verekia/r3f-gamedev --skill ui-useframe
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from verekia/r3f-gamedev

إجابات سريعة

ما هي ui-useframe؟

مزامنة عناصر واجهة المستخدم خارج اللوحة القماشية مع حلقة العرض باستخدام إطار الاستخدام الخارجي الخاص بـ R3F v10. المصدر: verekia/r3f-gamedev.

كيف أثبّت ui-useframe؟

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

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

https://github.com/verekia/r3f-gamedev

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-01