mobile-design

Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or native mobile apps.

1. Zainstaluj umiejętność w swoim środowisku Claude/Copilot, wskazując repozytorium sickn33 i ścieżkę skills/mobile-design. Umiejętność będzie dostępna jako narzędzie do analizy projektów mobilnych.

2. Przed rozpoczęciem projektowania lub implementacji dowolnej funkcji mobilnej, poproś umiejętność o ocenę Wskaźnika Wykonalności Mobilnej (MFRI). Podaj szczegóły: docelową platformę (iOS, Android, oba), złożoność interakcji, ryzyko wydajności, zależność od połączenia sieciowego i wymagania dostępności.

3. Umiejętność obliczy wynik MFRI (zakres od -10 do +10) na podstawie pięciu wymiarów: jasności platformy, złożoności interakcji, ryzyka wydajności, zależności offline i ryzyka dostępności. Wynik wskaże, czy projekt jest gotów do realizacji, czy wymaga przemodelowania.

4. Dla każdej oceny otrzymasz konkretne rekomendacje: jakie ograniczenia mobilne uwzględnić, które konwencje platformy respektować i gdzie zoptymalizować baterie czy wydajność. Stosuj te wytyczne zamiast domyślnych wzorców desktopowych.

5. Iteruj nad projektem — jeśli MFRI jest niski, zmień podejście: uprość gesty, zmniejsz rozmiar danych, dodaj tryb offline lub podziel funkcję na etapy. Każda zmiana powinna poprawiać wynik.

6. Przed finalizacją kodu lub designu, poproś umiejętność o przegląd touch-first: czy wszystkie elementy interaktywne mają wystarczającą wielkość, czy przepływy działają bez sieci, czy animacje nie drażnią baterii, czy dostępność jest wbudowana od początku.