Full veiledning: Bygg en vakker mobilapp med Claude-kode og blyant på 16 minutter

In This Article

Kjære abonnenter, I dag vil jeg vise deg hvordan du bygger en vakker mobilapp for å spore treningsøktene dine. Å bygge en mobilapp som pleide å kreve et team med ingeniører. Men AI-verktøy som Claude Code og Pencil har gjort det enkelt for deg å sende en vakker app selv om du ikke vet hvordan du skal kode. Se veiledningen min for å se meg gå gjennom hvordan du gjør dette på bare 16 minutter. Tidsstempler:(0:00) Hva vi skal bygge: En vakker mobilapp for å spore treningsøktene dine(2:01) Trinn 1) Trinn 1:62:1 Opprett design med Claude(62:1 krav) Blyant(8:56) Trinn 3: Bygg appen med Claude Code(14:21) Få appen på App Store(15:19) Oppsummering av alle de tre trinnene Se nå på YouTube eller les den skriftlige veiledningen nedenfor. Jeg er stolt over å samarbeide med...GranolaGranola har nettopp lansert Spaces – en ny måte for teamet ditt å organisere og dele møtenotater med hverandre. Du kan for eksempel opprette en "Brukeranrop"-plass med intervjuene dine for å la alle stille spørsmål om brukerbehov. Du kan til og med stille spørsmål direkte i Claude, ChatGPT eller Gemini med Granolas nye APIer og MCP. Prøv Granola for FreeDet vi bygger: En mobilapp for å spore treningsøktene dine Vi lever i en tid der det er lettere å kode din egen mobilapp enn å finne en eksisterende du liker. Så la oss bygge en app som kan: Lage treningsøkter ved å velge en øvelse og deretter antall sett og repetisjoner. Spore treningsøkter live ved å trykke på hvert øvelsessett for å fullføre det. Mål fremdriften via en kalender og diagrammer for hver øvelse.Jeg vil lede deg gjennom hvordan du bygger den i 3 trinn nedenfor.1. Definer kravene med Claude Spør alltid Claude om å stille deg spørsmål når du definerer kravene sammen. La oss begynne med å lime inn denne ledeteksten i Claude: La oss jobbe sammen om kravene til en mobil treningsapp. Jeg vil ha tre skjermer: Legg til/rediger treningsøkter: Lag treningsøkter og legg til øvelser med sett og repetisjonerTreningsøkt: Spor treningsøkter i sanntid, trykk for å fullføre settene.Kalender: Se hvilke dager du har trent og se treningsdetaljer Dette er det grunnleggende, men la oss jobbe med spesifikasjonene sammen. Jeg vil at du skal holde deg skarp på kravene, og hvis du har spørsmål, still dem i en nummerert liste. Den viktigste delen av denne oppfordringen er "Hvis du har spørsmål, still dem i en nummerert liste." Jeg inkluderer alltid denne linjen når jeg diskuterer krav med Claude, slik at den kan stille meg spørsmål for å gjøre spesifikasjonen bedre. Her er noen eksempler på spørsmål og svar: Claude: Vil du ha en hviletidtaker? Meg: Ja, la meg også tilpasse det i innstillinger. Claude: Vil du ha automatisk nedlasting etter mislykkede sett? Meg: Nei, la oss holde det enkelt. Etter at Claude har fått spesifikasjonen til en tilstand du er fornøyd med, ber du den om å: «Splitte spesifikasjonen i design og tekniske krav. Ikke vær for detaljert om designkravene, slik at den har plass til å bøye seg.» Ta med den siste linjen fordi Pencil (vår AI-designer) er bedre på design enn Claude. 🙂 La oss dekke det neste. Etter hvert som modellene blir bedre, har jeg blitt sløvere i spørsmålene mine (og dårligere til å stave)2. Design mobilskjermene med PencilPencil laget 8 vakre skjermer fra bunnen av fra våre krav. Det er her magien skjer. Slik bruker du Pencil til å lage vakkert utformede mobilskjermer i stedet for AI-slop: Les mer

You May Also Like

13 Trending Songs on TikTok in March 2026 (+ How to Use Them)

Our Best AI PM Workflows for Prototyping, Strategy, and Personal OS (2026)

China’s Cybersecurity Agency Issues Security Warning About OpenClaw