Skapa en app med Claude Code: steg för steg för iPhone

Skapa en app med Claude Code: det korta svaret

För att skapa en app med Claude Code behöver du betald tillgång till Claude Code (ett kompatibelt abonnemang eller Console med betalning per användning), Node.js, en iPhone med Expo Go och ett Expo-projekt. Du skriver en CLAUDE.md-fil som beskriver din stack och dina regler, ber om en skärm i taget, testar varje skärm på din iPhone och skickar sedan appen till TestFlight med EAS.

Den här guiden kompletterar min guide skapa en iOS-app med AI, som förklarar vad AI gör bra och vad den missar. Här går vi över till praktiken: kommandona, filerna, promptarna.

Jag kodar mina iOS-appar med Claude Code och Cursor varje dag. Min stack: React Native, Expo, EAS, RevenueCat och Supabase. Solys, en väckarklocka med minispel, och TradaZen, en app för att träna trading, finns på App Store. Nolera och Clic blev refuserade av Apple och sedan rättade. Allt som följer kommer från det arbetet.

Vill du se metoden tillämpad på en publicerad app har jag dokumenterat TradaZens resa, från första commit till Apples avslag och pivoterna. Den erfarenheten kompletterar stegen i guiden.

Steg 1: samla förutsättningarna

Kontrollera att du har allt det här innan första kommandot.

Ett betalt Claude-konto

Claude Code ingår inte i gratisnivån på claude.ai. Enligt Anthropics dokumentation krävs ett Pro-, Max-, Team-, Enterprise- eller Console-konto. Med Pro kan du komma igång, inom dess användningsgränser.

Node.js och en terminal

Expo kräver Node.js i LTS-version, på macOS, Windows eller Linux. Claude Code körs på macOS 13 eller senare, Windows 10 eller senare och de stora Linux-distributionerna.

En iPhone och Expo Go

Installera Expo Go från App Store på din iPhone så att du kan prova dina första skärmar utan att kompilera en egen app. Innan du skapar projektet: kontrollera vilken SDK-version som är kompatibel med din installation på Expo Go-sidan. Den senaste SDK:n och versionen som distribueras på App Store är inte alltid tillgängliga samtidigt: Expo har bland annat dokumenterat den förskjutningen i maj 2026. Utgå alltså inte från ett versionsnummer du hittat i en gammal guide. Vill du använda egna native-moduler behöver du ett development build.

En Mac? Inget krav

iOS-byggen kompileras på Expos servrar med EAS Build, med den Xcode-version som din Expo-SDK väljer (ITMS-90725), och EAS Submit fungerar på macOS, Linux och Windows. Du kan alltså ta dig ända till TestFlight från en PC. Guiden publicera en iOS-app utan Mac beskriver hela kedjan.

Ett Apple Developer-konto, senare

Du behöver inget för att koda och testa i Expo Go från App Store. Det blir obligatoriskt när du ska skicka appen till TestFlight. Vi återkommer till det i steg 7.

Steg 2: installera Claude Code

På macOS, Linux eller WSL är Anthropics rekommenderade metod den inbyggda installationen:

curl -fsSL https://claude.ai/install.sh | bash

På Windows, i PowerShell:

irm https://claude.ai/install.ps1 | iex

Kontrollera sedan att installationen fungerade:

claude --version

Föredrar du npm är kommandot npm install -g @anthropic-ai/claude-code. Sätt inte sudo framför, dokumentationen avråder uttryckligen från det.

Första gången du kör claude öppnas en webbläsare där du loggar in på ditt konto. Sedan skriver du på svenska: Claude läser dina filer, föreslår ändringar och kör kommandon, med ditt godkännande.

Steg 3: skapa Expo-projektet

Gå till mappen där du har dina projekt och kör:

npx create-expo-app@latest my-app
cd my-app
npx expo start

Om verktyget låter dig välja mellan kompatibilitet med Expo Go från App Store och den senaste SDK:n, välj kompatibiliteten för den här övningen. Kontrollera i vilket fall som helst att den skapade versionen stöds av Expo Go på din iPhone innan du fortsätter. Ett development build kan du förbereda när projektet behöver det.

En QR-kod dyker upp i terminalen. Skanna den med iPhonens kamera: appen öppnas i Expo Go. En detalj sätter ofta stopp första gången: Expo Go öppnar bara ditt projekt om Expo CLI och Expo Go är inloggade på samma Expo-konto. Kör npx expo login på datorn och logga in med samma konto i appen.

Varför Expo i stället för Swift? Claude kan React Native väldigt bra, och du testar utan Mac. Jag förklarar valet på sidan React Native och Expo för en mobilapp.

Ha en begränsning hos Expo Go i huvudet: den innehåller bara de native-moduler som redan är inbyggda. Så fort du lägger till ett native-bibliotek den inte känner till, till exempel köp i appen, behöver du ett development build. Det är inget problem för de första skärmarna.

Välj rätt testmiljö

Expo Go, ett development build och TestFlight bevisar inte samma sak. Expo beskriver development build som din egen testapp, med de native-moduler ditt projekt behöver.

Det du vill kontrollera	Var du testar	Testets begränsningar
Visa en första skärm och prova navigeringen	Expo Go, med en kompatibel SDK	Beteendet hos native-moduler som saknas i Expo Go
Använda ett native-bibliotek som lagts till i projektet	Ett development build som innehåller biblioteket	Den distribuerade versionen och om Apple godkänner den
Gå igenom appen för testare och sedan testa köpen	Ett build som skickats till TestFlight och korrekt konfigurerade produkter	En riktig kundbetalning eller godkännandet för försäljning

Innan du lägger till ett beroende, fråga Claude: ”Är det kompatibelt med min SDK och min nuvarande testmiljö? Måste appen kompileras om? Stöd ditt svar på dokumentationen.” Då slipper du lägga en kväll på att rätta en modul som Expo Go helt enkelt inte kan ladda, eller en SDK som stoppas vid uppladdning för icke-publikt API.

Steg 4: skriv projektets CLAUDE.md-fil

Det här är steget som lönar sig mest. Claude Code kan ha ett projektminne, men du måste formulera reglerna tydligt. Filen CLAUDE.md, placerad i projektets rot, ger instruktioner som gäller för alla sessioner. Där skriver du det Claude inte kan gissa.

I projektmappen kör du claude och skriver sedan /init. Enligt dokumentationen analyserar Claude projektet och genererar en första CLAUDE.md med de kommandon och konventioner den hittar. Sedan fyller du på med dina regler. Anthropic rekommenderar att hålla sig under 200 rader: ju längre filen är, desto sämre följs instruktionerna.

Här är ett kort exempel, nära det jag använder:

# Min app

## Stack

- Expo (SDK från create-expo-app), React Native, strikt TypeScript
- Navigering: Expo Router, en fil per skärm i app/
- Data: Supabase (senare), aldrig en hemlig nyckel i appen

## Regler

- En skärm i taget. Rör inga filer utanför förfrågan.
- Inga fasta höjder i punkter: storlekar relativt skärmen,
  ScrollView om innehållet kan bli för långt.
- Varje skärm hanterar 3 tillstånd: laddar, tomt, fel.
- Gränssnittstexter på svenska med å, ä och ö.
- Innan du kodar mer än 2 filer: föreslå en plan och vänta på mitt godkännande.

## Kommandon

- Starta: npx expo start
- Tester: använd skriptet som faktiskt finns i package.json.
  Om det inte finns än, säg det; påstå inte att tester har gått igenom.
- Typer: npx tsc --noEmit
- Efter varje ändring: kör tester och typer, berätta sedan
  vad som ändrats och hur jag kontrollerar det på iPhone.

Regeln om fasta höjder står inte där av en slump. Vi återkommer till den i steg 6.

Steg 5: prompta en skärm i taget

”Skapa en app för vanespårning med abonnemang” ger ett enormt, skört projekt som är omöjligt att granska. Metoden som fungerar är den omvända: en förfrågan, en skärm, ett resultat du kan testa på fem minuter.

Börja med en plan

För allt som rör flera filer, gå över till planläge. Tryck på Shift+Tab tills du ser plan mode on i statusfältet. I det läget läser Claude filerna och föreslår en plan men ändrar ingenting innan du godkänt. Du läser, rättar och godkänner.

En första prompt för att rama in projektet ser ut så här:

Jag vill ha en app för vanespårning. Version 1: en enda funktion,
bocka av dagens vanor. Föreslå listan över skärmar och
mappstrukturen. Koda ingenting än.

Beskriv skärmen, dess tillstånd och gränsfall

Sedan en prompt per skärm. Ju fler gränsfall du namnger, desto mindre glömmer Claude dem:

Skapa skärmen app/index.tsx som listar dagens vanor.
- Varje rad: vanans namn, kryssruta, pågående svit.
- Tomt tillstånd: en text och en knapp ”Lägg till en vana”.
- Laddningstillstånd och feltillstånd med en knapp ”Försök igen”.
- Datan kommer från en lokal array tills vidare.
- Ska fungera på en iPhone SE lika väl som på den största iPhonen:
  ingen fast höjd, listan scrollar.
Kör tester och typer på slutet.

Rätta utan att låta allt skrivas om

När en detalj inte stämmer, var exakt och begränsa omfattningen:

På min iPhone hamnar knappen ”Lägg till en vana” under den nedre
listen när listan är lång. Rätta bara det problemet i app/index.tsx,
utan att röra andra filer. Förklara orsaken.

Du kan också klistra in en skärmdump i terminalen: Claude läser den.

Övning: en vana som förblir avbockad efter omstart

Det här är en pedagogisk övning att göra i ditt projekt, inte en skärmdump av en funktion som redan levererats. Målet är att gå från en genererad skärm till ett beteende som går att kontrollera. Den kräver varken användarkonto eller köp i appen.

1. Behåll en enda lokal vana som heter ”Läs 10 minuter”.
2. Be om en kryssruta och lokal lagring som är kompatibel med ditt Expo-projekt.
3. Be agenten ange vilka filer som ändrats, eventuellt beroende och vilka kommandon som faktiskt körts.
4. Installera eller öppna appen på din iPhone och gör sedan kontrollerna nedan.

Utgå från den befintliga skärmen och gör vanan ”Läs 10 minuter”
avbockningsbar, och spara dess tillstånd när appen stängs och öppnas igen.
Använd den lokala lagring som är kompatibel med projektets beroenden.
Skapa varken konto, server, abonnemang eller extra statistik.
Innan du kodar: förklara hur du hanterar laddning och ett misslyckande
vid läsning eller sparande. Gör sedan en avgränsad ändring.
På slutet: ändrade filer, körda kommandon, otestade begränsningar
och exakta steg för att kontrollera resultatet på iPhone.

Åtgärd på din iPhone	Förväntat resultat	Om det misslyckas
Öppna appen för första gången	Vanan och dess ruta syns, utan fel	Kontrollera starttillståndet och laddningen av lagringen
Bocka av, stäng och öppna appen igen	Vanan förblir avbockad	Kontrollera skrivning och sedan läsning av samma nyckel
Avmarkera och starta om	Vanan förblir avmarkerad	Kontrollera att värdet false också sparas
Gör om samma steg i flygplansläge	Den lokala funktionen fungerar fortfarande	Leta efter ett nätverksberoende som lagts till i onödan
Öka textstorleken	Namnet och kontrollen förblir tillgängliga	Ta bort begränsningar som kapar eller döljer åtgärden

Be inte om ”skriv om allt” om en rad misslyckas. Beskriv åtgärden, det förväntade resultatet och det du faktiskt ser. Till exempel: ”Efter omstart blir rutan tom igen fast jag hade bockat av den. Förklara orsaken och rätta lagringen utan att ändra designen.”

Ladda ner CLAUDE.md-mallen och kontrollbladet (.md). Öppna den i din editor eller i en anteckningsapp. Anpassa kommandona till ditt projekt innan du ger den till agenten.

Steg 6: låt granska och testa

Claude Code skriver kod som ser rätt ut. Bara dina tester och din iPhone kan säga om den är det.

Tester för att inte förstöra det som fungerar

Ju större appen blir, desto större risk att varje förfrågan förstör en skärm du redan godkänt. Projektet som Expo skapar har inga tester: be först Claude installera Jest med jest-expo, som Expos dokumentation rekommenderar. Be sedan om tester för den viktiga logiken (beräkna en svit, validera ett formulär) och låt dem köras efter varje ändring. Det är därför testkommandona står i CLAUDE.md: Claude kör dem utan att du behöver påminna. Med en regelfil och tester förstör AI:n mycket mindre av det som redan fungerade.

Granska varje ändring

Du behöver inte förstå varje rad. Du måste veta vilka filer som ändrats, och varför. Om Claude rört en fil som inte hör till uppgiften, fråga varför innan du godkänner. Ställ sedan frågan: ”vad kan gå sönder här?”.

Kontrollera på en liten och en stor iPhone

Det här är läxan som kostade mig mest. Solys refuserades av Apple enligt regel 2.1: demon i onboardingen gick inte att vinna på en iPad Air, där appen kördes i iPhone-kompatibilitetsläge. Orsaken: höjder kodade i fasta punkter, inte relativt skärmstorleken. På min iPhone var allt bra. Koden hade granskats, testerna var gröna. Inget verktyg hade tittat på skärmen i en annan storlek.

Sedan dess kontrollerar jag varje skärm åtminstone på den minsta och den största iPhonen. Har du bara en telefon duger Xcodes simulator på Mac, eller en kompis med en annan modell. Titta särskilt på långa texter, öppet tangentbord i formulär och knappar som sitter fast längst ner.

Det Claude Code gör dåligt

Claude Code briljerar på skärmar och logik. Utanför din projektmapp är den mycket mindre pålitlig.

Signering och certifikat

Utan behörig anslutning till ditt Apple-konto vet Claude inte hur det ser ut där. Den kan hitta på en certifikatprocedur som blandar Xcode och Expo. Låt EAS sköta signeringen: Expos dokumentation förklarar att EAS CLI kan generera och lagra de filerna åt dig, efter att du loggat in på ditt Apple Developer-konto.

App Store Connect

Produktsidan, integritetsuppgifterna, skärmdumparna och de juridiska länkarna är data du måste kontrollera i App Store Connect. Claude Code kan numera agera i en inloggad webbläsare via sin Chrome-integration, med nödvändiga behörigheter. Det garanterar inte att fälten är korrekta: läs igenom uppgifterna, kontrollera vilka konton som används och godkänn själv åtagandena och inskickningen till granskning.

Abonnemang

Att skriva en paywall tar tio minuter. Att få produkterna i App Store Connect, deras konfiguration i RevenueCat och koden att stämma överens är en annan historia. Ett id som skiljer sig med ett tecken och paywallen förblir tom hos granskaren. De vanligaste fällorna listas i nybörjarmisstagen med iOS-paywalls.

Gränsfallen

Utan instruktion hanterar Claude normalfallet. Inget nätverk, en tom lista, ett avbrutet köp: det är du som måste namnge dem.

Säkerheten i Supabase

När Claude skapar tabeller i Supabase, kontrollera att säkerhet på radnivå (RLS) är aktiverad, med policyer som begränsar varje användare till sin egen data. Kontrollera också att ingen hemlig nyckel hamnar i appens kod. Skriv in de två förbuden i din CLAUDE.md så fort du kopplar in en databas.

Steg 7: gå över till TestFlight med EAS

Dina skärmar har kontrollerats i Expo Go eller i ett development build, beroende på vilka moduler som används. Gå nu över till det build som ska distribueras till testarna.

Förbered EAS

Nu behöver du ett betalt Apple Developer-konto: Expo påminner om det, det är obligatoriskt för att skicka en app till App Store. Installera sedan Expos verktyg och konfigurera projektet:

npm install --global eas-cli
eas login
eas build:configure

Lägg till ett unikt bundle-id i app.json, under ios.bundleIdentifier, till exempel com.yourname.myapp.

Kompilera och skicka

eas build --platform ios --profile production
eas submit --platform ios

Det första kommandot kompilerar appen på Expos servrar. Första gången erbjuder EAS att logga in på ditt Apple-konto för att skapa certifikaten. Det andra skickar buildet till App Store Connect. Du kan också göra allt på en gång med eas build --platform ios --auto-submit.

Buildet måste behandlas av Apple innan det dyker upp i TestFlight, och den behandlingen kan avvisa det, till exempel med ITMS-90717 för en transparent ikon. En lyckad uppladdning betyder alltså inte att det redan går att installera: kontrollera dess status i App Store Connect. Interna och externa testare samt betagranskningen förklaras i min guide TestFlight för att testa din iPhone-app.

Gör om kontrollerna från steg 6 på det här buildet. En app som fungerar i Expo Go kan fortfarande krascha i produktion, till exempel när en native-modul saknas.

Vad det faktiskt kostar

Här är priserna som tjänsterna visar, kontrollerade den 27 september 2026, i dollar. Det belopp du faktureras beror också på din region, skatter och din användning: kontrollera erbjudandet innan du tecknar.

• Claude-abonnemang: Pro kostar 20 dollar i månaden, eller 17 dollar i månaden vid årsbetalning. Max-nivåerna börjar på 100 dollar i månaden, för mer användning.
• Apple Developer-konto: 99 dollar per år, obligatoriskt för TestFlight och App Store.
• EAS: Expos gratisnivå innehåller 15 iOS-byggen per månad, i en kö med låg prioritet. Starter kostar 19 dollar i månaden, plus extra användning.

För en liten prototyp kan Pro och EAS gratisnivå räcka som grund, om du håller dig inom deras kvoter. Lägg till Apple-kontot före TestFlight och räkna sedan separat på de tjänster du faktiskt behöver: databas, lagring eller betalt API. Budgetmallen för en första app hjälper dig att ställa upp posterna. Din tid för konfiguration och kontroll behöver du också räkna med.

De ärliga begränsningarna, och var man fastnar

Claude Code har förändrat vem som kan skapa en iPhone-app. Det har inte förändrat vad Apple kräver för att publicera den. Ett avslag kommer snabbt: Solys har fått det, Nolera och Clic också. De vanligaste orsakerna beskrivs i varför Apple refuserar en app.

Med den här guiden kan du ta dig ända till TestFlight på egen hand. Där man oftast fastnar är efteråt: koppla in abonnemang, förbereda underlaget för granskaren, förstå ett avslag. För helhetsbilden av resan, läs sidan skapa en iPhone-app.

För den delen samlar iOS Kit startkoden från mina appar, abonnemang inräknade, Claude Code-skills för varje steg och Apple Review Kit. Hela upplägget finns på sidan Claude Code-utbildning för att skapa en iOS-app.

Har du redan kört fast och vet inte på vad? Den kostnadsfria diagnosen berättar vad som faktiskt bromsar dig och skickar dig min checklista mot Apple-avslag.

Vanliga frågor

Kan man skapa en iPhone-app med Claude Code utan att kunna koda?

Ja för skärmar och enkel logik, om du granskar och testar varje steg. Nej om du hoppas slippa förstå någonting alls. Du måste kunna läsa ett felmeddelande, köra ett kommando och kontrollera vad Claude har ändrat. Det lär man sig snabbt genom att bygga.

Är Claude Code gratis?

Nej. Claude Code kräver ett Pro-, Max-, Team-, Enterprise- eller Console-konto. Gratisnivån på claude.ai ingår inte. Med Pro kan du börja, med användningsgränser att hålla koll på.

Behöver man en Mac för att skapa en iOS-app med Claude Code?

Nej. Du kodar på vilken dator som helst, testar i Expo Go på din iPhone, och EAS kompilerar och skickar appen på Expos servrar. En Mac är fortfarande praktisk för simulatorn, men inget krav.

Claude Code eller Cursor för en React Native-app?

Jag använder båda, varje dag. Claude Code arbetar i terminalen och kör ändringar och tester i följd på egen hand. Cursor är en editor. Metoden betyder mer än verktyget: regler, en skärm i taget, tester.

Hur lång tid tar det att publicera en första app med Claude Code?

Det beror på appens storlek och hur mycket tid du har. En app med en enda funktion går mycket snabbare. Den mest oförutsägbara delen är fortfarande Apples granskning.

Kan Claude Code konfigurera abonnemang i appen?

Den kan skriva koden för paywallen och RevenueCat. Med anslutna verktyg och nödvändiga behörigheter kan den också agera i konsolerna. Dra aldrig slutsatsen att produkterna är konfigurerade bara för att koden finns: kontrollera id:n, priser och rättigheter efter köp, och testa sedan köp och återställning i TestFlight. De vanliga misstagen med iOS-paywalls ger dig punkterna att kontrollera.