·loading-states
{}

loading-states

صمم حالات تحميل فعالة وشاشات هيكلية وحالات فارغة تحافظ على ثقة المستخدم. يُستخدم عندما يستغرق المحتوى وقتًا للتحميل، أو عند إظهار التقدم، أو التعامل مع سيناريوهات البيانات الفارغة. مشغلات على "حالة التحميل"، "شاشة الهيكل العظمي"، "الحالة الفارغة"، "الدوار"، "شريط التقدم"، "تحميل الرسوم المتحركة"، "حالة الصفر".

25التثبيتات·2الرائج·@sanky369

التثبيت

$npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states

كيفية تثبيت loading-states

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

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

المصدر: sanky369/vibe-building-skills.

| < 100ms | No indicator needed | | 100ms - 1s | Subtle indicator (opacity change) | | 1s - 10s | Skeleton screen or spinner | | > 10s | Progress bar with estimate |

صمم حالات تحميل فعالة وشاشات هيكلية وحالات فارغة تحافظ على ثقة المستخدم. يُستخدم عندما يستغرق المحتوى وقتًا للتحميل، أو عند إظهار التقدم، أو التعامل مع سيناريوهات البيانات الفارغة. مشغلات على "حالة التحميل"، "شاشة الهيكل العظمي"، "الحالة الفارغة"، "الدوار"، "شريط التقدم"، "تحميل الرسوم المتحركة"، "حالة الصفر". المصدر: sanky369/vibe-building-skills.

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

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

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

أمر التثبيت
npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states
الفئة
{}تحليل البيانات
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from sanky369/vibe-building-skills

إجابات سريعة

ما هي loading-states؟

صمم حالات تحميل فعالة وشاشات هيكلية وحالات فارغة تحافظ على ثقة المستخدم. يُستخدم عندما يستغرق المحتوى وقتًا للتحميل، أو عند إظهار التقدم، أو التعامل مع سيناريوهات البيانات الفارغة. مشغلات على "حالة التحميل"، "شاشة الهيكل العظمي"، "الحالة الفارغة"، "الدوار"، "شريط التقدم"، "تحميل الرسوم المتحركة"، "حالة الصفر". المصدر: sanky369/vibe-building-skills.

كيف أثبّت loading-states؟

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

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

https://github.com/sanky369/vibe-building-skills

التفاصيل

الفئة
{}تحليل البيانات
المصدر
skills.sh
أول ظهور
2026-02-01