ما هي ui-animation؟
تصميم الحركة والرسوم المتحركة لواجهات المستخدم. يُستخدم عند إنشاء تفاعلات صغيرة، أو انتقالات للصفحة، أو حالات تحميل، أو أي رسوم متحركة لواجهة المستخدم عبر الأنظمة الأساسية للويب والجوال. المصدر: travisjneuman/.claude.
·ui-animation
*
ui-animation
✓تصميم الحركة والرسوم المتحركة لواجهات المستخدم. يُستخدم عند إنشاء تفاعلات صغيرة، أو انتقالات للصفحة، أو حالات تحميل، أو أي رسوم متحركة لواجهة المستخدم عبر الأنظمة الأساسية للويب والجوال.
كيفية تثبيت ui-animation
ثبّت مهارة الذكاء الاصطناعي ui-animation بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/travisjneuman/.claude --skill ui-animation
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: travisjneuman/.claude.
SKILL.md
عرض النص الخامComprehensive guide for creating purposeful, performant animations in user interfaces.
| Timing | Duration reflects importance/distance | | Easing | Natural acceleration/deceleration | | Anticipation | Visual preparation for action | | Follow-through | Momentum continues after stop | | Secondary Action | Supporting elements respond | | Staging | Draw attention to key element | | Squash & Stretch | Bouncy, playful interactions |
| Exaggeration | Emphasize important feedback | | Arc | Natural curved motion paths | | Overlap | Elements move at different rates | | Solid Drawing | Maintain consistent 3D space | | Appeal | Engaging, delightful motion |
تصميم الحركة والرسوم المتحركة لواجهات المستخدم. يُستخدم عند إنشاء تفاعلات صغيرة، أو انتقالات للصفحة، أو حالات تحميل، أو أي رسوم متحركة لواجهة المستخدم عبر الأنظمة الأساسية للويب والجوال. المصدر: travisjneuman/.claude.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/travisjneuman/.claude --skill ui-animation- المصدر
- travisjneuman/.claude
- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت ui-animation؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/travisjneuman/.claude --skill ui-animation بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/travisjneuman/.claude
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01