health-bars

Name: health-bars
Author: verekia

✓

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

عرض أشرطة الصحة فوق الأحرف باستخدام نمط CSS.

verekia·health·bars

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

التثبيت

GitHub: verekia/r3f-gamedev

$npx skills add https://github.com/verekia/r3f-gamedev --skill health-bars

كيفية تثبيت health-bars

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

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

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

SKILL.md

عرض النص الخام

Use Drei's Html component to render styled health bars in 3D space. Update the health bar width by manipulating the DOM element's transform: scaleX() via a ref in useFrame.

عرض أشرطة الصحة فوق الأحرف باستخدام نمط CSS. المصدر: verekia/r3f-gamedev.

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

معتمدة أمنيا لكود موثوق وآمن تثبيت بنقرة واحدة مع إعداد مبسّط متوافقة مع Claude Code وCursor وOpenClaw والمزيد

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

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

أمر التثبيت: npx skills add https://github.com/verekia/r3f-gamedev --skill health-bars
المصدر: verekia/r3f-gamedev
الفئة: </>أدوات التطوير
موثق: ✓
أول ظهور: 2026-02-01
آخر تحديث: 2026-03-10
الرابط: https://www.learn-skills.dev/ar/skills/verekia/r3f-gamedev/health-bars