ما هي loading-states؟
يُستخدم عند الإشارة إلى التقدم أو الانتظار - الدوارات، أو أشرطة التقدم، أو الشاشات الهيكلية، أو التأثيرات اللامعة، أو أي رسم متحرك يوضح عمل النظام. المصدر: dylantarre/animation-principles.
·loading-states
*
loading-states
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عند الإشارة إلى التقدم أو الانتظار - الدوارات، أو أشرطة التقدم، أو الشاشات الهيكلية، أو التأثيرات اللامعة، أو أي رسم متحرك يوضح عمل النظام.
كيفية تثبيت loading-states
ثبّت مهارة الذكاء الاصطناعي loading-states بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill loading-states
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامSquash & Stretch: Progress indicators can pulse/breathe to show life. Slight scale oscillation (0.98-1.02).
Anticipation: Show loading state immediately on action. Don't wait for slow response to show spinner.
Staging: Loading indicators appear where content will be. Skeleton screens match final layout.
يُستخدم عند الإشارة إلى التقدم أو الانتظار - الدوارات، أو أشرطة التقدم، أو الشاشات الهيكلية، أو التأثيرات اللامعة، أو أي رسم متحرك يوضح عمل النظام. المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill loading-states- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-03
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت loading-states؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill loading-states بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-03