·interaction-design
*

interaction-design

✓
teslasoft-de/claude-skills-marketplaceGitHub: teslasoft-de/claude-skills-marketplaceالمصدر: teslasoft-de/claude-skills-marketplace

تصميم تفاعلات المستخدم والتدفقات وسلوكيات الواجهة. يُستخدم للإطارات السلكية، والنماذج الأولية، والتفاعلات الدقيقة، وتدفقات المستخدم، وأجهزة الحالة، وتصميم التكلفة، ومراجعات قابلية الاستخدام. يغطي مبادئ IxD، واستدلال نيلسن، وقانون فيتس، وقانون هيك، والنماذج الناشئة (الواجهات المكانية والمحادثة والقائمة على الإيماءات). الكلمات الرئيسية: IxD، الإطار السلكي، النموذج الأولي، تدفق المستخدم، التفاعل الجزئي، مخطط حالة واجهة المستخدم، تدفق الشاشة، النموذج الأولي القابل للنقر، نمط التفاعل.

teslasoft-de·interaction·design
3التثبيتات·0الرائج·@teslasoft-de

التثبيت

GitHub: teslasoft-de/claude-skills-marketplace
$npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design

كيفية تثبيت interaction-design

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

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

المصدر: teslasoft-de/claude-skills-marketplace.

SKILL.md

عرض النص الخام

Design interactive digital products with a focus on how users engage with interfaces. IxD bridges user needs and system capabilities through controls, feedback, and information flows.

| Flow misses edge cases | Add error states, review with scenarios | | Wireframes unclear | Add annotations, increase fidelity | | States incomplete | Use state machine diagram, list all transitions | | Users confused in testing | Simplify, improve affordances and signifiers | | Accessibility gaps | Apply WCAG 2.2 checklist, test with screen reader |

| Nielsen heuristics, Fitts's Law, Hick's Law | Principles | | Wireframes, prototypes, user flows, micro-interactions | Artifacts | | Spatial, conversational, gesture paradigms | Emerging | | Flow diagrams, state machines, worked examples | Examples |

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

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

أمر التثبيت
npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design
المصدر
teslasoft-de/claude-skills-marketplace
الفئة
*وسائط إبداعية
موثق
✓
أول ظهور
2026-02-05
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/teslasoft-de/claude-skills-marketplace/interaction-design

Browse more skills from teslasoft-de/claude-skills-marketplace

إجابات سريعة

ما هي interaction-design؟

تصميم تفاعلات المستخدم والتدفقات وسلوكيات الواجهة. يُستخدم للإطارات السلكية، والنماذج الأولية، والتفاعلات الدقيقة، وتدفقات المستخدم، وأجهزة الحالة، وتصميم التكلفة، ومراجعات قابلية الاستخدام. يغطي مبادئ IxD، واستدلال نيلسن، وقانون فيتس، وقانون هيك، والنماذج الناشئة (الواجهات المكانية والمحادثة والقائمة على الإيماءات). الكلمات الرئيسية: IxD، الإطار السلكي، النموذج الأولي، تدفق المستخدم، التفاعل الجزئي، مخطط حالة واجهة المستخدم، تدفق الشاشة، النموذج الأولي القابل للنقر، نمط التفاعل. المصدر: teslasoft-de/claude-skills-marketplace.

كيف أثبّت interaction-design؟

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

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

https://github.com/teslasoft-de/claude-skills-marketplace

التفاصيل

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

مهارات ذات صلة

لا يوجد