يوفر إرشادات تصميم الحركة لمكونات واجهة المستخدم. مشغلات لطلبات الرسوم المتحركة ("تحريك هذا"، "إضافة انتقال"، "حركة لـ")، طلبات التحسين ("تنظيف هذه الرسوم المتحركة"، "تنظيف الحركة"، "يبدو هذا سريعًا/بطيئًا للغاية"، "جعل هذا يبدو أكثر حيوية/طبيعية")، وأسئلة حول التخفيف أو التوقيت أو التفاعلات الدقيقة.
ثبّت مهارة الذكاء الاصطناعي motion-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: richtabor/agent-skills.
Design intentional, purposeful motion for product UI. This skill evaluates animation needs and recommends specific easing curves, durations, and implementation approaches based on interaction frequency and purpose.
Every animation needs a job. If it has no job, don't animate.
Based on the evaluation, provide specific recommendations using tokens from the reference files.
يوفر إرشادات تصميم الحركة لمكونات واجهة المستخدم. مشغلات لطلبات الرسوم المتحركة ("تحريك هذا"، "إضافة انتقال"، "حركة لـ")، طلبات التحسين ("تنظيف هذه الرسوم المتحركة"، "تنظيف الحركة"، "يبدو هذا سريعًا/بطيئًا للغاية"، "جعل هذا يبدو أكثر حيوية/طبيعية")، وأسئلة حول التخفيف أو التوقيت أو التفاعلات الدقيقة. المصدر: richtabor/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/richtabor/agent-skills --skill motion-designيوفر إرشادات تصميم الحركة لمكونات واجهة المستخدم. مشغلات لطلبات الرسوم المتحركة ("تحريك هذا"، "إضافة انتقال"، "حركة لـ")، طلبات التحسين ("تنظيف هذه الرسوم المتحركة"، "تنظيف الحركة"، "يبدو هذا سريعًا/بطيئًا للغاية"، "جعل هذا يبدو أكثر حيوية/طبيعية")، وأسئلة حول التخفيف أو التوقيت أو التفاعلات الدقيقة. المصدر: richtabor/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/richtabor/agent-skills --skill motion-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/richtabor/agent-skills