Tutorial complet: crea una bonica aplicació mòbil amb Claude Code i llapis en 16 minuts

In This Article

Benvolguts subscriptors, avui vull mostrar-vos com crear una bonica aplicació mòbil per fer un seguiment dels vostres entrenaments. La creació d'una aplicació mòbil solia requerir un equip d'enginyers. Però eines d'IA com Claude Code i Pencil t'han facilitat l'enviament d'una bonica aplicació per tu mateix, encara que no saps com codificar. Mireu el meu tutorial per veure'm com fer-ho en només 16 minuts. Segells de temps: (0:00) El que construirem: una bonica aplicació mòbil per fer un seguiment dels vostres entrenaments (2:01) Creeu els requisits amb el disseny Claude (2:01). Llapis (8:56) Pas 3: Creeu l'aplicació amb Claude Code (14:21) Obtenció de l'aplicació a l'App Store (15:19) Recapitulació dels 3 passos Mireu ara a YouTube o llegiu la guia escrita a continuació. Estic orgullós de col·laborar amb... GranolaGranola acaba de llançar Spaces, una nova manera perquè el vostre equip s'organitzi i comparteixi notes de reunió entre ells. Per exemple, podeu crear un espai "Trucades d'usuari" amb les vostres entrevistes per permetre que qualsevol persona faci preguntes sobre les necessitats dels usuaris. Fins i tot podeu fer preguntes directament a Claude, ChatGPT o Gemini amb les noves API i MCP de Granola. Proveu Granola gratuïtament. Què construirem: una aplicació mòbil per fer un seguiment dels vostres entrenaments. Vivim en una època en què és més fàcil codificar la vostra pròpia aplicació mòbil que trobar-ne una que us agradi. Creem, doncs, una aplicació que pugui: crear entrenaments seleccionant un exercici i després el nombre de sèries i repeticions. Feu un seguiment dels entrenaments en directe tocant cada conjunt d'exercicis per completar-lo. Mesureu el progrés mitjançant un calendari i gràfics per a cada exercici. Us explicaré com crear-lo en 3 passos a continuació.1. Definiu els requisits amb Claude. Demaneu sempre a Claude que us faci preguntes quan definiu els requisits junts. Comencem per enganxar aquesta indicació a Claude: treballem junts en els requisits d'una aplicació de fitness per a mòbils. Vull tres pantalles: Afegeix/edita entrenaments: creeu entrenaments i afegiu exercicis amb sèries i repeticions. Vull que estigueu atents sobre els requisits i, si teniu cap pregunta, feu-la en una llista numerada. La part més important d'aquesta indicació és "Si teniu alguna pregunta, feu-la en una llista numerada". Sempre incloc aquesta línia quan comento els requisits amb Claude perquè em faci preguntes per millorar les especificacions. Aquí hi ha alguns exemples de preguntes i respostes: Claude: Vols un temporitzador de descans? Jo: Sí, també permeteu-me personalitzar-lo a la configuració.Claude: Voleu una descàrrega automàtica després de les sèries fallides? Jo: No, siguem-ho senzill. Després que Claude tingui l'especificació en un estat amb el qual estiguis satisfet, demana-li que: "Dividiu les especificacions en requisits tècnics i de disseny. No us detalleu massa els requisits de disseny perquè tingui espai per flexionar". Incloeu l'última línia perquè Pencil (el nostre dissenyador d'IA) és millor dissenyant que Claude. 🙂 Cobrim això a continuació. A mesura que els models milloren, m'he tornat més gandul en les meves indicacions (i pitjor en l'ortografia)2. Dissenya les pantalles mòbils amb PencilPencil ha creat 8 pantalles boniques des de zero a partir dels nostres requisits. Aquí és on passa la màgia. A continuació s'explica com utilitzar Pencil per crear pantalles mòbils ben dissenyades en comptes d'IA slop: Llegeix més

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