ما هي cards-containers؟
يُستخدم عند تحريك البطاقات أو اللوحات أو المربعات أو عناصر الحاوية لإنشاء العمق والتفاعل المصدر: dylantarre/animation-principles.
·cards-containers
*
cards-containers
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عند تحريك البطاقات أو اللوحات أو المربعات أو عناصر الحاوية لإنشاء العمق والتفاعل
كيفية تثبيت cards-containers
ثبّت مهارة الذكاء الاصطناعي cards-containers بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill cards-containers
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامApply Disney's 12 principles to cards and containers for engaging, dimensional interfaces.
Squash & Stretch Cards can subtly compress on drag-start and stretch when released. Keep it minimal: 2-3% scale change maximum.
Anticipation Before expanding a card to detail view, briefly scale down (0.98) for 50ms, then expand. Prepares user for the transformation.
يُستخدم عند تحريك البطاقات أو اللوحات أو المربعات أو عناصر الحاوية لإنشاء العمق والتفاعل المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill cards-containers- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-05
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت cards-containers؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill cards-containers بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-05