mobile-design

Umiejętność nauczająca mobilnego projektowania i inżynierii dla aplikacji na iOS i Android. Uczy zasad interakcji dotykowych, optymalizacji baterii, konwencji platformy, zachowania offline i podejmowania decyzji specyficznych dla mobilnych urządzeń. Zamiast sztywnych layoutów, skupia się na ograniczeniach i wzorcach. Idealna dla React Native, Flutter lub aplikacji natywnych — zapobiega błędom myślenia desktopowego i domyślnym założeniom AI.

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.