mobile-first-designer

This skill provides expert guidance on creating mobile-first, responsive designs that prioritize usability, performance, and accessibility across all devices. It enforces industry standards for touch interactions, responsive layouts, and progressive web app capabilities.

Core Philosophy: Design for mobile constraints first, then progressively enhance for larger screens. This ensures optimal experiences on the devices most users rely on.

Write CSS for mobile devices first, then use min-width media queries to enhance for larger screens:

يركز مرشد التصميم سريع الاستجابة على أنماط واجهة المستخدم الحديثة للهواتف المحمولة، والتفاعلات سهلة اللمس، وتحسين الأداء. مراجعة التخطيطات لأفضل ممارسات الهاتف المحمول أولاً، وتحديد مشكلات إمكانية الوصول، والتحقق من صحة أهداف اللمس، والتحقق من نقاط التوقف المستجيبة، واقتراح تحسينات PWA. يُستخدم عند تصميم أو مراجعة واجهات الأجهزة المحمولة، أو التخطيطات سريعة الاستجابة، أو تفاعلات اللمس، أو عندما يذكر المستخدمون تصميم الأجهزة المحمولة، أو تصميم الويب سريع الاستجابة، أو PWA، أو إمكانية الوصول. المصدر: sitechfromgeorgia/georgian-distribution-system.