Rozwój mobilny

Poziom 2 Przegląd Zaktualizowano 2026-10-02

Sekcja mobilna zawiera pięć przepisów na budowanie aplikacji iOS i Android z Claude Code, Codeksem lub Cursorem: platformę Expo, wzorce aplikacji React Native, Fluttera, natywne Swift i Kotlin oraz wieloplatformowe wzorce UI. Każdy przepis przypina wersję frameworka, instaluje oficjalne skille dostawcy i potwierdza każdą zmianę sprawdzeniem typów, testami i zrzutami z symulatora, zamiast czytania diffu linijka po linijce.

Ten hub jest dla programistów i tech leadów, którzy wydają aplikację mobilną z agentem. Agent melduje „gotowe”, kod się kompiluje, a ekran i tak się sypie na emulatorze Androida, którego nikt nie otworzył. Wybierz przepis i wymagaj tych samych dowodów od każdej zmiany.

Zanim zaczniesz, dodaj do repozytorium plik z instrukcjami dla agenta: prompty z tej strony do niego dopisują, a AGENTS.md i CLAUDE.md: zwięzły kontekst repozytorium pokazuje, jak utrzymać go krótkim. Przepisy spoza tematu mobilnego znajdziesz w przeglądzie przepisów.

Który przepis mobilny pasuje do twojego stosu?

Twoja aplikacja	Zacznij od	Co dodaje przepis
Nowa aplikacja wieloplatformowa albo zespół korzystający z usług budowania i aktualizacji Expo	Expo	Skille i MCP Expo, bramki uwierzytelniania w Expo Router, pipeline EAS z bramką fingerprint, bezpieczne aktualizacje over-the-air (OTA)
Aplikacja React Native, która wyrosła z etapu demo	React Native	Stan offline-first, zacinająca się lista przepisana na FlashList, uwierzytelnianie biometryczne, CI do TestFlight i Google Play, awarie, których symulator nigdy nie pokazuje
Baza kodu w Dart albo zespół, który chce jednego silnika renderowania na obu platformach	Flutter	Riverpod, go_router, Dio, czysta architektura, testy widgetów
Swift/SwiftUI albo Kotlin/Compose	Natywne iOS i Android	Jeden skrypt build-i-test na platformę, iteracje na symulatorze i emulatorze, dowody z testów UI
Dowolna z powyższych, gdy potrzebujesz konkretnego ekranu	Przepisy UI dla React Native i Flutter	12 promptów: adaptacyjna nawigacja, listy feedu, dane offline-first, animacje, powiadomienia push, publikacja w sklepach

Przepisy Expo i React Native się uzupełniają: przepis Expo opisuje platformę (routing, buildy EAS, aktualizacje OTA), a przepis React Native — kod aplikacji, który na niej działa. W nowej aplikacji zacznij od przepisu Expo.

Najpierw daj agentowi oficjalne skille twojego stosu

Instaluj tylko zestaw dla swojego stosu, bo opisy skilli konkurują o uwagę agenta. Polecenia claude, codex mcp i skills sprawdzono 2026-09-26 na claude 2.1.283, codex 0.157.1 i CLI skills 1.7.0; polecenia Expo dla Codeksa uruchomiono ponownie 2026-10-02 na tych samych wersjach. Marketplace openai-curated w Codeksie też ma plugin Expo, ale 2026-10-02 zawierał on 13 skilli pod starszymi nazwami i żadnego serwera MCP, dlatego zakładka Codex instaluje aktualny zestaw Expo i serwer bezpośrednio. Z --agent codex lub --agent cursor CLI skills zapisuje skille w katalogu .agents/skills/ projektu.

# Expo: 24 skille plus zdalny serwer MCP Expo
# If the marketplace is missing: claude plugin marketplace add anthropics/claude-plugins-official
claude plugin install expo@claude-plugins-official

# Flutter i Dart: skille plus serwer MCP Darta
claude plugin marketplace add flutter/agent-plugins
claude plugin install dart-flutter@dart-flutter

# React Native (Callstack, społecznościowe) przez CLI `skills`
npx skills@latest add callstackincubator/agent-skills --skill '*' --agent claude-code -y

# Buildy iOS: MobileBuildMCP (wymaga macOS 14.5+ i Xcode 16+)
claude mcp add mobilebuild -- npx -y mobilebuildmcp@latest mcp

# Expo: aktualny zestaw skilli z expo/skills plus zdalny serwer MCP Expo
npx skills@latest add expo/skills --skill '*' --agent codex -y
codex mcp add expo --url https://mcp.expo.dev/mcp
# Jeśli serwer poprosi o logowanie: codex mcp login expo

# Skille Fluttera i React Native przez CLI `skills`, działające z wieloma agentami
npx skills@latest add flutter/agent-plugins --skill '*' --agent codex -y
npx skills@latest add callstackincubator/agent-skills --skill '*' --agent codex -y

# Buildy iOS: MobileBuildMCP (wymaga macOS 14.5+ i Xcode 16+)
codex mcp add mobilebuild -- npx -y mobilebuildmcp@latest mcp

# Cursor instaluje skille przez CLI `skills`, działające z wieloma agentami
npx skills@latest add expo/skills --skill '*' --agent cursor -y
npx skills@latest add flutter/agent-plugins --skill '*' --agent cursor -y
npx skills@latest add callstackincubator/agent-skills --skill '*' --agent cursor -y

Serwery MCP, w tym MobileBuildMCP, trafiają do .cursor/mcp.json; każdy przepis pokazuje swój wpis.

Stos	Skill lub serwer	Wydawca	Gwiazdki na GitHubie, 2026-09-26
Expo	expo/skills	Expo (oficjalny)	2612
Flutter i Dart	flutter/agent-plugins (dawniej `flutter/skills`)	zespół Fluttera (oficjalny)	2996
React Native	callstackincubator/agent-skills	Callstack (społecznościowy, nie Meta)	1656
Buildy iOS	MobileBuildMCP (npm `mobilebuildmcp` 2.7.1, dawniej XcodeBuildMCP)	Sentry	około 6400

Skill czy serwer MCP? Zobacz przegląd skilli frontendowych i serwery MCP środowiska deweloperskiego.

Jak zweryfikować zmianę mobilną bez czytania każdej linijki?

Niech agent zbiera dowody, a ty oceniaj dowody, nie kod. Każdy przepis w tej sekcji stosuje te same cztery bramki, w tej kolejności:

Bramki statyczne. W React Native uruchom npx tsc --noEmit i linter, we Flutterze flutter analyze. W Expo dodaj npx expo install --check, które wyłapie wersje zależności wpisane przez agenta ręcznie.
Testy jednostkowe i widgetów. Uruchom flutter test albo runner testów JavaScript z React Native Testing Library. Kryteria akceptacji zapisz jako testy, zanim agent napisze funkcję.
Obie platformy, na symulatorze lub emulatorze. Agent uruchamia aplikację na iOS i Androidzie i dołącza zrzut ekranu każdego zmienionego widoku (Maestro w przepisie Expo, XCUITest i testy UI Compose w natywnym).
Bezpieczne wydanie. Stopniowe udostępnianie w sklepie, a w Expo sprawdzenie fingerprintu, żeby aktualizacja OTA nigdy nie trafiła do buildu bez potrzebnego kodu natywnego.

Zrzuty ekranu i wyniki testów zatwierdza programista, który otworzył zadanie. Bramka wydania należy do tech leada. Manifest, który przenosi te dowody do pull requesta, opisuje pakiet dowodów, a macierze urządzeń i niestabilne testy — wzorce testowania aplikacji mobilnych.

Inspect this repository and identify the mobile stack (Expo, bare React Native,
Flutter, or native), the framework version pinned in the lockfile, and the test
tools already installed. Then add a "Verify before done" section to AGENTS.md
(and CLAUDE.md if it exists) listing the exact commands for: type check, lint,
unit tests, and launching the app on one iOS simulator and one Android emulator.
Run every command once and report which pass, which fail, and which tools are
missing. Do not install anything or change app code.

Implement the change described in TASK.md. Before you write code, turn its
acceptance criteria into failing tests. When the tests pass, run the full
"Verify before done" list from AGENTS.md, then launch the app on the iOS
simulator and the Android emulator and save a screenshot of every changed
screen to evidence/. Finish with a summary: commands run with their results,
screenshot paths, and anything that differs between iOS and Android.
Do not run any EAS build, store submission, or OTA publish.

Co się psuje, gdy agenci budują aplikacje mobilne?

Agent przypina wersje z pamięci, pisząc API i klucze konfiguracji ze starszego SDK. Wpisz przypiętą wersję do AGENTS.md i pozwól, by wersje pakietów wybierały npx expo install lub flutter pub add.
„Gotowe” bez uruchomienia na urządzeniu. Odrzuć każde podsumowanie bez zrzutu ekranu z obu platform i uruchom ponownie drugi prompt.
Tylko jedna platforma. Agent przetestował ten symulator, który akurat był uruchomiony, a układ, uprawnienia i zachowanie klawiatury na drugiej platformie są inne. Wskaż w prompcie obie platformy docelowe.
Płatne buildy w chmurze bez nadzoru. Skille eas-* uruchamiają płatne buildy Expo Application Services. Buildy, wysyłki do sklepów i publikacje OTA uruchamiaj dopiero po swojej akceptacji.
Za dużo narzędzi w kontekście. Każdy serwer MCP dokłada listę narzędzi do każdej tury. Włączaj tylko serwer, którego potrzebuje bieżące zadanie; przepis natywny pokazuje, jak ograniczyć zestawy narzędzi (workflows) MobileBuildMCP.

Dokąd dalej w rozwoju mobilnym

Expo Expo SDK 57: skille, MCP, Expo Router, EAS i aktualizacje OTA

React Native Stan offline-first, FlashList, biometria i CI do sklepów

Flutter Riverpod, go_router, Dio i testy widgetów

Natywne iOS i Android SwiftUI i Compose z iteracjami na symulatorze i testami UI

Przepisy UI dla React Native i Flutter 12 promptów do skopiowania do wieloplatformowego UI mobilnego

Wzorce testowania aplikacji mobilnych Macierze urządzeń, testy specyficzne dla platform i scenariusze offline

Większość pracy mobilnej robisz w Cursorze? Przewodnik po tworzeniu aplikacji mobilnych z Cursorem opisuje przepływ po stronie IDE. Jeśli chcesz nadzorować długie zadanie agenta z telefonu, zajrzyj do sterowania agentami z telefonu.