·lists-grids

يُستخدم عند تحريك القوائم أو الشبكات أو الجداول أو مجموعات العناصر لإنشاء حالات ترتيب وتصفية وتحميل سلسة

36التثبيتات·2الرائج·@dylantarre

التثبيت

$npx skills add https://github.com/dylantarre/animation-principles --skill lists-grids

كيفية تثبيت lists-grids

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

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

المصدر: dylantarre/animation-principles.

Apply Disney's 12 principles to lists and grids for smooth, organized motion.

Squash & Stretch List items compress slightly when grabbed for reorder. Grid items can stretch when expanding to fill space on filter.

Anticipation Before list reorders, items briefly compress. Before filter removes items, they can shrink slightly. Prepares for change.

يُستخدم عند تحريك القوائم أو الشبكات أو الجداول أو مجموعات العناصر لإنشاء حالات ترتيب وتصفية وتحميل سلسة المصدر: dylantarre/animation-principles.

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

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

أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill lists-grids
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-03-05
آخر تحديث
2026-03-10

Browse more skills from dylantarre/animation-principles

إجابات سريعة

ما هي lists-grids؟

يُستخدم عند تحريك القوائم أو الشبكات أو الجداول أو مجموعات العناصر لإنشاء حالات ترتيب وتصفية وتحميل سلسة المصدر: dylantarre/animation-principles.

كيف أثبّت lists-grids؟

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

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

https://github.com/dylantarre/animation-principles

التفاصيل

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