·mobile-ux-optimizer
*

mobile-ux-optimizer

تحسين تجربة المستخدم على الأجهزة المحمولة أولاً للواجهات التي تعمل باللمس والتخطيطات سريعة الاستجابة والأداء. يُستخدم للتعامل مع إطار العرض وأهداف اللمس والإيماءات والتنقل عبر الهاتف المحمول. التنشيط على الهاتف المحمول، اللمس، الاستجابة، DVH، منفذ العرض، المنطقة الآمنة، قائمة الهامبرغر. ليس لتطوير التطبيقات الأصلية (استخدم مهارات React Native)، أو ميزات سطح المكتب فقط، أو CSS العام (استخدم مستندات Tailwind).

118التثبيتات·8الرائج·@erichowens

التثبيت

$npx skills add https://github.com/erichowens/some_claude_skills --skill mobile-ux-optimizer

كيفية تثبيت mobile-ux-optimizer

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

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

المصدر: erichowens/some_claude_skills.

Build touch-optimized, performant mobile experiences with proper viewport handling and responsive patterns.

Apple's Human Interface Guidelines specify 44×44 points as minimum touch target. Google Material suggests 48×48dp.

Mobile browsers have dynamic toolbars. 100vh includes the URL bar, causing content to be cut off.

تحسين تجربة المستخدم على الأجهزة المحمولة أولاً للواجهات التي تعمل باللمس والتخطيطات سريعة الاستجابة والأداء. يُستخدم للتعامل مع إطار العرض وأهداف اللمس والإيماءات والتنقل عبر الهاتف المحمول. التنشيط على الهاتف المحمول، اللمس، الاستجابة، DVH، منفذ العرض، المنطقة الآمنة، قائمة الهامبرغر. ليس لتطوير التطبيقات الأصلية (استخدم مهارات React Native)، أو ميزات سطح المكتب فقط، أو CSS العام (استخدم مستندات Tailwind). المصدر: erichowens/some_claude_skills.

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

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

أمر التثبيت
npx skills add https://github.com/erichowens/some_claude_skills --skill mobile-ux-optimizer
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from erichowens/some_claude_skills

إجابات سريعة

ما هي mobile-ux-optimizer؟

تحسين تجربة المستخدم على الأجهزة المحمولة أولاً للواجهات التي تعمل باللمس والتخطيطات سريعة الاستجابة والأداء. يُستخدم للتعامل مع إطار العرض وأهداف اللمس والإيماءات والتنقل عبر الهاتف المحمول. التنشيط على الهاتف المحمول، اللمس، الاستجابة، DVH، منفذ العرض، المنطقة الآمنة، قائمة الهامبرغر. ليس لتطوير التطبيقات الأصلية (استخدم مهارات React Native)، أو ميزات سطح المكتب فقط، أو CSS العام (استخدم مستندات Tailwind). المصدر: erichowens/some_claude_skills.

كيف أثبّت mobile-ux-optimizer؟

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

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

https://github.com/erichowens/some_claude_skills