ما هي interaction-design؟
تصميم تدفق المستخدم والتفاعلات الدقيقة وأنماط سلوك الواجهة مع إدارة الحالة لجميع ظروف التفاعل. يُستخدم عند تصميم التفاعلات الطبيعية أو أنظمة الملاحظات أو التعامل مع حالات الخطأ. المصدر: nickcrew/claude-ctx-plugin.
·interaction-design
</>
interaction-design
✓تصميم تدفق المستخدم والتفاعلات الدقيقة وأنماط سلوك الواجهة مع إدارة الحالة لجميع ظروف التفاعل. يُستخدم عند تصميم التفاعلات الطبيعية أو أنظمة الملاحظات أو التعامل مع حالات الخطأ.
كيفية تثبيت interaction-design
ثبّت مهارة الذكاء الاصطناعي interaction-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill interaction-design
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: nickcrew/claude-ctx-plugin.
SKILL.md
عرض النص الخامDesign natural interactions with clear feedback that gracefully handle all states. Covers user flows, micro-interactions, state transitions, and interface behavior patterns for web and mobile applications.
| State patterns and micro-interactions | skills/interaction-design/references/state-patterns.md |
user flows, interaction patterns, micro-interactions, state transitions, feedback loops, error states, empty states, loading states, progressive disclosure, gesture design, affordances, haptic feedback, animation timing, skeleton screens
تصميم تدفق المستخدم والتفاعلات الدقيقة وأنماط سلوك الواجهة مع إدارة الحالة لجميع ظروف التفاعل. يُستخدم عند تصميم التفاعلات الطبيعية أو أنظمة الملاحظات أو التعامل مع حالات الخطأ. المصدر: nickcrew/claude-ctx-plugin.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill interaction-design- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-26
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت interaction-design؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill interaction-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/nickcrew/claude-ctx-plugin
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-26