·ux-animation-motion
*

ux-animation-motion

أنماط الرسوم المتحركة باستخدام Anime.js v4 لتعليقات واجهة المستخدم والانتقالات والاحتفالات. يُستخدم عند تنفيذ تأثيرات التمرير أو التحولات أو تحميل الرسوم المتحركة أو تعليقات اللعب. يتضمن تقليل التعامل مع الحركة. (مشروع)

5التثبيتات·0الرائج·@matthewharwood

التثبيت

$npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-animation-motion

كيفية تثبيت ux-animation-motion

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

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

المصدر: matthewharwood/fantasy-phonics.

Animation system using Anime.js v4 for responsive, accessible UI motion. This skill covers animation patterns, timing, and reduced motion support.

Note: Project uses import maps to resolve animejs to local nodemodules.

| Button press | 100ms | easeOutQuad | | Toggle switch | 150ms | easeOutQuad | | Dropdown open | 200ms | easeOutQuad | | Modal appear | 200-300ms | easeOutBack | | Page transition | 300-500ms | easeInOutQuad | | Success celebration | 400-600ms | easeOutBack |

أنماط الرسوم المتحركة باستخدام Anime.js v4 لتعليقات واجهة المستخدم والانتقالات والاحتفالات. يُستخدم عند تنفيذ تأثيرات التمرير أو التحولات أو تحميل الرسوم المتحركة أو تعليقات اللعب. يتضمن تقليل التعامل مع الحركة. (مشروع) المصدر: matthewharwood/fantasy-phonics.

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

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

أمر التثبيت
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-animation-motion
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-11

Browse more skills from matthewharwood/fantasy-phonics

إجابات سريعة

ما هي ux-animation-motion؟

أنماط الرسوم المتحركة باستخدام Anime.js v4 لتعليقات واجهة المستخدم والانتقالات والاحتفالات. يُستخدم عند تنفيذ تأثيرات التمرير أو التحولات أو تحميل الرسوم المتحركة أو تعليقات اللعب. يتضمن تقليل التعامل مع الحركة. (مشروع) المصدر: matthewharwood/fantasy-phonics.

كيف أثبّت ux-animation-motion؟

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

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

https://github.com/matthewharwood/fantasy-phonics

التفاصيل

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