ما هي react-ui-patterns؟
أنماط واجهة مستخدم React الحديثة لحالات التحميل ومعالجة الأخطاء وجلب البيانات. يُستخدم عند إنشاء مكونات واجهة المستخدم، أو التعامل مع البيانات غير المتزامنة، أو إدارة حالات واجهة المستخدم. المصدر: liuchiawei/agent-skills.
·react-ui-patterns
*
react-ui-patterns
✓أنماط واجهة مستخدم React الحديثة لحالات التحميل ومعالجة الأخطاء وجلب البيانات. يُستخدم عند إنشاء مكونات واجهة المستخدم، أو التعامل مع البيانات غير المتزامنة، أو إدارة حالات واجهة المستخدم.
كيفية تثبيت react-ui-patterns
ثبّت مهارة الذكاء الاصطناعي react-ui-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/liuchiawei/agent-skills --skill react-ui-patterns
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: liuchiawei/agent-skills.
SKILL.md
عرض النص الخامShow loading indicator ONLY when there's no data to display.
| Known content shape | Unknown content shape | | List/card layouts | Modal actions | | Initial page load | Button submissions | | Content placeholders | Inline operations |
أنماط واجهة مستخدم React الحديثة لحالات التحميل ومعالجة الأخطاء وجلب البيانات. يُستخدم عند إنشاء مكونات واجهة المستخدم، أو التعامل مع البيانات غير المتزامنة، أو إدارة حالات واجهة المستخدم. المصدر: liuchiawei/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/liuchiawei/agent-skills --skill react-ui-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/liuchiawei/agent-skills --skill react-ui-patterns- المصدر
- liuchiawei/agent-skills
- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-02-05
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت react-ui-patterns؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/liuchiawei/agent-skills --skill react-ui-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/liuchiawei/agent-skills
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-02-05