·base-ui-react
*

base-ui-react

الإعداد الذي تم اختباره على الإنتاج لواجهة المستخدم الأساسية (@base-ui-components/react) - مكتبة المكونات غير المصممة لواجهة المستخدم المتعددة اللغات (MUI) يوفر مكونات React يمكن الوصول إليها وقابلة للتخصيص باستخدام نمط عرض الدعائم. هذه المهارة يجب استخدامه عند إنشاء واجهات مستخدم يمكن الوصول إليها مع التحكم الكامل في التصميم، والانتقال من Radix UI، أو تحتاج إلى مكونات ذات تكامل واجهة المستخدم العائمة لتحديد المواقع الذكية. يُستخدم عندما: إعداد واجهة المستخدم الأساسية في مشاريع Vite + React، والانتقال من Radix UI إلى Base UI، تنفيذ المكونات التي يمكن الوصول إليها (Dialog، Select، Popover، Tooltip، NumberField، Accordion)، مواجهة مشكلات تحديد المواقع مع النوافذ المنبثقة، والحاجة إلى واجهة برمجة تطبيقات دعم العرض بدلاً من نمط الطفل، البناء باستخدام Tailwind v4 + shadcn/ui، أو النشر إلى Cloudflare Workers. ⚠️ حالة الإصدار التجريبي: واجهة المستخدم الأساسية هي v1.0.0-beta.4. الإصدار 1.0 المستقر المتوقع في الربع الرابع من عام 2025. توفر هذه المهارة الحلول البديلة لمشكلات بيتا المعروفة والإرشادات حول استقرار واجهة برمجة التطبيقات. الكلمات الرئيسية: base-ui، @base-ui-components/react، واجهة المستخدم الأساسية mui، المكونات غير المصممة، المكونات التي يمكن الوصول إليها، عرض الدعائم، بديل الجذر، ترحيل الجذر، واجهة المستخدم العائمة، نمط الموضع، واجهة المستخدم بدون رأس، مربع حوار يمكن الوصول إليه، تحديد يمكن الوصول إليه، نافذة منبثقة يمكن الوصول إليها، تلميح أدوات يمكن الوصول إليه، أكورديون يمكن الوصول إليه، حقل الرقم، مكونات التفاعل، مكونات الريح الخلفية، تفاعل Vite، واجهة المستخدم لعمال Cloudflare، مكونات بيتا، مكتبة المكونات

101التثبيتات·3الرائج·@jackspace

التثبيت

$npx skills add https://github.com/jackspace/claudeskillz --skill base-ui-react

كيفية تثبيت base-ui-react

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

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

المصدر: jackspace/claudeskillz.

Status: Beta (v1.0.0-beta.4) - Stable v1.0 expected Q4 2025 Last Updated: 2025-11-07 Dependencies: React 19+, Vite (recommended), Tailwind v4 (recommended) Latest Versions: @base-ui-components/react@1.0.0-beta.4

Base UI is currently in beta. Before using in production:

Recommendation: Use for new projects comfortable with beta software. Wait for v1.0 for critical production apps.

الإعداد الذي تم اختباره على الإنتاج لواجهة المستخدم الأساسية (@base-ui-components/react) - مكتبة المكونات غير المصممة لواجهة المستخدم المتعددة اللغات (MUI) يوفر مكونات React يمكن الوصول إليها وقابلة للتخصيص باستخدام نمط عرض الدعائم. هذه المهارة يجب استخدامه عند إنشاء واجهات مستخدم يمكن الوصول إليها مع التحكم الكامل في التصميم، والانتقال من Radix UI، أو تحتاج إلى مكونات ذات تكامل واجهة المستخدم العائمة لتحديد المواقع الذكية. يُستخدم عندما: إعداد واجهة المستخدم الأساسية في مشاريع Vite + React، والانتقال من Radix UI إلى Base UI، تنفيذ المكونات التي يمكن الوصول إليها (Dialog، Select، Popover، Tooltip، NumberField، Accordion)، مواجهة مشكلات تحديد المواقع مع النوافذ المنبثقة، والحاجة إلى واجهة برمجة تطبيقات دعم العرض بدلاً من نمط الطفل، البناء باستخدام Tailwind v4 + shadcn/ui، أو النشر إلى Cloudflare Workers. ⚠️ حالة الإصدار التجريبي: واجهة المستخدم الأساسية هي v1.0.0-beta.4. الإصدار 1.0 المستقر المتوقع في الربع الرابع من عام 2025. توفر هذه المهارة الحلول البديلة لمشكلات بيتا المعروفة والإرشادات حول استقرار واجهة برمجة التطبيقات. الكلمات الرئيسية: base-ui، @base-ui-components/react، واجهة المستخدم الأساسية mui، المكونات غير المصممة، المكونات التي يمكن الوصول إليها، عرض الدعائم، بديل الجذر، ترحيل الجذر، واجهة المستخدم العائمة، نمط الموضع، واجهة المستخدم بدون رأس، مربع حوار يمكن الوصول إليه، تحديد يمكن الوصول إليه، نافذة منبثقة يمكن الوصول إليها، تلميح أدوات يمكن الوصول إليه، أكورديون يمكن الوصول إليه، حقل الرقم، مكونات التفاعل، مكونات الريح الخلفية، تفاعل Vite، واجهة المستخدم لعمال Cloudflare، مكونات بيتا، مكتبة المكونات المصدر: jackspace/claudeskillz.

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

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

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

Browse more skills from jackspace/claudeskillz

إجابات سريعة

ما هي base-ui-react؟

الإعداد الذي تم اختباره على الإنتاج لواجهة المستخدم الأساسية (@base-ui-components/react) - مكتبة المكونات غير المصممة لواجهة المستخدم المتعددة اللغات (MUI) يوفر مكونات React يمكن الوصول إليها وقابلة للتخصيص باستخدام نمط عرض الدعائم. هذه المهارة يجب استخدامه عند إنشاء واجهات مستخدم يمكن الوصول إليها مع التحكم الكامل في التصميم، والانتقال من Radix UI، أو تحتاج إلى مكونات ذات تكامل واجهة المستخدم العائمة لتحديد المواقع الذكية. يُستخدم عندما: إعداد واجهة المستخدم الأساسية في مشاريع Vite + React، والانتقال من Radix UI إلى Base UI، تنفيذ المكونات التي يمكن الوصول إليها (Dialog، Select، Popover، Tooltip، NumberField، Accordion)، مواجهة مشكلات تحديد المواقع مع النوافذ المنبثقة، والحاجة إلى واجهة برمجة تطبيقات دعم العرض بدلاً من نمط الطفل، البناء باستخدام Tailwind v4 + shadcn/ui، أو النشر إلى Cloudflare Workers. ⚠️ حالة الإصدار التجريبي: واجهة المستخدم الأساسية هي v1.0.0-beta.4. الإصدار 1.0 المستقر المتوقع في الربع الرابع من عام 2025. توفر هذه المهارة الحلول البديلة لمشكلات بيتا المعروفة والإرشادات حول استقرار واجهة برمجة التطبيقات. الكلمات الرئيسية: base-ui، @base-ui-components/react، واجهة المستخدم الأساسية mui، المكونات غير المصممة، المكونات التي يمكن الوصول إليها، عرض الدعائم، بديل الجذر، ترحيل الجذر، واجهة المستخدم العائمة، نمط الموضع، واجهة المستخدم بدون رأس، مربع حوار يمكن الوصول إليه، تحديد يمكن الوصول إليه، نافذة منبثقة يمكن الوصول إليها، تلميح أدوات يمكن الوصول إليه، أكورديون يمكن الوصول إليه، حقل الرقم، مكونات التفاعل، مكونات الريح الخلفية، تفاعل Vite، واجهة المستخدم لعمال Cloudflare، مكونات بيتا، مكتبة المكونات المصدر: jackspace/claudeskillz.

كيف أثبّت base-ui-react؟

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

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

https://github.com/jackspace/claudeskillz

التفاصيل

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