ما هي interaction-design؟
تصميم وتنفيذ التفاعلات الدقيقة وتصميم الحركة والانتقالات وأنماط تعليقات المستخدمين. يُستخدم عند إضافة لمسة جمالية إلى تفاعلات واجهة المستخدم، أو تنفيذ حالات التحميل، أو إنشاء تجارب مستخدم مبهجة. المصدر: wshobson/agents.
·interaction-design
*
interaction-design
✓تصميم وتنفيذ التفاعلات الدقيقة وتصميم الحركة والانتقالات وأنماط تعليقات المستخدمين. يُستخدم عند إضافة لمسة جمالية إلى تفاعلات واجهة المستخدم، أو تنفيذ حالات التحميل، أو إنشاء تجارب مستخدم مبهجة.
التثبيت
كيفية تثبيت interaction-design
ثبّت مهارة الذكاء الاصطناعي interaction-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/wshobson/agents --skill interaction-design
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: wshobson/agents.
SKILL.md
عرض النص الخامCreate engaging, intuitive interactions through motion, feedback, and thoughtful state transitions that enhance usability and delight users.
| 100-150ms | Micro-feedback (hovers, clicks) | | 200-300ms | Small transitions (toggles, dropdowns) | | 300-500ms | Medium transitions (modals, page changes) | | 500ms+ | Complex choreographed animations |
تصميم وتنفيذ التفاعلات الدقيقة وتصميم الحركة والانتقالات وأنماط تعليقات المستخدمين. يُستخدم عند إضافة لمسة جمالية إلى تفاعلات واجهة المستخدم، أو تنفيذ حالات التحميل، أو إنشاء تجارب مستخدم مبهجة. المصدر: wshobson/agents.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/wshobson/agents --skill interaction-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/wshobson/agents --skill interaction-design- المصدر
- wshobson/agents
- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت interaction-design؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/wshobson/agents --skill interaction-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/wshobson/agents
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01