Fuld vejledning: Byg en smuk mobilapp med Claude Code og blyant på 16 minutter

In This Article

Kære abonnenter, I dag vil jeg gerne vise dig, hvordan du bygger en smuk mobilapp til at spore dine træninger. Opbygning af en mobilapp plejede at kræve et team af ingeniører. Men AI-værktøjer som Claude Code og Pencil har gjort det nemt for dig at sende en smuk app til dig selv, selvom du ikke ved, hvordan du kode.Se min tutorial for at se mig gennemgå, hvordan du gør dette på kun 16 minutter.Tidsstempler:(0:00) Hvad vi bygger: En smuk mobilapp til at spore dine træninger(2:01) Trin 1) Trin 1: Definer design med Claude (62:1 krav) Blyant(8:56) Trin 3: Byg appen med Claude Code(14:21) Få appen i App Store(15:19) Opsummering af alle 3 trinSe nu på YouTube eller læs den skriftlige guide nedenfor.Jeg er stolt af at samarbejde med...GranolaGranola har netop lanceret Spaces – en ny måde for dit team at organisere og dele mødenotater med hinanden. For eksempel kan du oprette et "Brugeropkald"-rum med dine interviews, så alle kan stille spørgsmål om brugerbehov. Du kan endda stille spørgsmål direkte i Claude, ChatGPT eller Gemini med Granolas nye API'er og MCP. Prøv Granola for FreeHvad vi bygger: En mobilapp til at spore din træning Vi lever i en tid, hvor det er nemmere at vibe kode din egen mobilapp end at finde en eksisterende, som du kan lide. Så lad os bygge en app, der kan: Oprette træning ved at vælge en øvelse og derefter antallet af sæt og reps. Spor træning live ved at trykke på hvert træningssæt for at fuldføre det. Mål fremskridt via en kalender og diagrammer for hver øvelse.Jeg vil guide dig gennem, hvordan du opbygger den i 3 trin nedenfor.1. Definer kravene med Claude Bed altid Claude om at stille dig spørgsmål, når du definerer kravene sammenLad os starte med at indsætte denne prompt i Claude: Lad os arbejde sammen om kravene til en mobil fitness-app. Jeg vil have tre skærme:Tilføj/rediger træningspas: Opret træning og tilføj øvelser med sæt og gentagelserTræningssession: Spor træning i realtid, tryk for at fuldføre sæt.Kalender: Se hvilke dage du trænede, og se træningsdetaljerDette er det grundlæggende, men lad os arbejde på specifikationerne sammen. Jeg vil gerne have, at du forbliver skarp på kravene, og hvis du har spørgsmål, så stil dem på en nummereret liste. Den vigtigste del af denne prompt er "Hvis du har spørgsmål, så stil dem på en nummereret liste." Jeg inkluderer altid denne linje, når jeg diskuterer krav med Claude, så den kan stille mig spørgsmål for at gøre specifikationerne bedre. Her er et par eksempler på spørgsmål og svar: Claude: Vil du have en hviletimer? Mig: Ja, lad mig også tilpasse det i indstillinger. Claude: Vil du have automatisk deload efter mislykkede sæt? Mig: Nej, lad os holde det simpelt. Når Claude har fået specifikationen til en tilstand, som du er tilfreds med, skal du bede den om at: "Opdel specifikationerne i design og tekniske krav. Vær ikke for detaljeret om designkravene, så den har plads til at bøje." Inkluder den sidste linje, fordi Pencil (vores AI-designer) er bedre til at designe end Claude. 🙂 Lad os dække det næste. Efterhånden som modellerne bliver bedre, er jeg blevet mere doven i mine prompter (og dårligere til at stave)2. Design de mobile skærme med PencilPencil skabt 8 smukke skærme fra bunden fra vores krav. Det er her magien sker. Sådan bruger du Pencil til at skabe smukt udformede mobilskærme i stedet for AI-slop: Læs mere

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