Buong Tutorial: Bumuo ng Magandang Mobile App gamit ang Claude Code at Pencil sa loob ng 16 na Minuto

In This Article

Minamahal na mga subscriber, Ngayon, gusto kong ipakita sa iyo kung paano bumuo ng isang magandang mobile app upang subaybayan ang iyong mga ehersisyo. Ang pagbuo ng isang mobile app na ginamit upang mangailangan ng isang pangkat ng mga inhinyero. Ngunit ang mga tool ng AI tulad ng Claude Code at Pencil ay nagpadali para sa iyo na magpadala ng isang magandang app nang mag-isa kahit na hindi ka marunong mag-code. Panoorin ang aking tutorial para makita akong maglakad sa kung paano gawin ito sa loob lang ng 16 minuto. Mga Timestamp:(0:00) Ano ang gagawin namin: Isang magandang mobile app para subaybayan ang iyong mga ehersisyo(2:01) Hakbang 1: Gumawa ng mga kinakailangan sa Hakbang2:1u) Pencil(8:56) Hakbang 3: Buuin ang app gamit ang Claude Code(14:21) Pagkuha ng app sa App Store(15:19) Recap ng lahat ng 3 hakbang Panoorin ngayon sa YouTube o basahin ang nakasulat na gabay sa ibaba. Ipinagmamalaki kong makipagsosyo sa…Kakalunsad lang ng GranolaGranola ng Spaces — isang bagong paraan para sa iyong team para ayusin at ibahagi ang mga tala sa pagpupulong sa isa't isa. Halimbawa, maaari kang lumikha ng puwang na "Mga Tawag ng User" sa iyong mga panayam upang hayaan ang sinuman na magtanong tungkol sa mga pangangailangan ng user. Maaari ka ring direktang magtanong sa Claude, ChatGPT, o Gemini gamit ang mga bagong API at MCP ng Granola. Subukan ang Granola nang LibreAno ang bubuuin namin: Isang mobile app para subaybayan ang iyong mga pag-eehersisyoNabubuhay kami sa panahon kung saan mas madaling i-vibe code ang sarili mong mobile app kaysa maghanap ng dati nang gusto mo. Kaya bumuo tayo ng app na maaaring:Gumawa ng mga ehersisyo sa pamamagitan ng pagpili ng ehersisyo at pagkatapos ay ang bilang ng mga set at reps. Subaybayan ang mga ehersisyo nang live sa pamamagitan ng pag-tap sa bawat hanay ng ehersisyo upang makumpleto ito. Sukatin ang pag-unlad sa pamamagitan ng kalendaryo at mga chart para sa bawat ehersisyo. Ituturo ko sa iyo kung paano ito gagawin sa 3 hakbang sa ibaba.1. Tukuyin ang mga kinakailangan kasama si ClaudePalagiang tanungin si Claude na magtanong sa iyo kapag tinutukoy ang mga kinakailangan nang magkasama Magsimula tayo sa pamamagitan ng pag-paste ng prompt na ito sa Claude:Magtulungan tayo sa mga kinakailangan para sa isang mobile fitness app. Gusto ko ng tatlong screen:Magdagdag/mag-edit ng mga workout: Gumawa ng mga workout at magdagdag ng mga exercise na may mga set at repsSession ng workout: Subaybayan ang mga workout sa real-time, i-tap para kumpletuhin ang mga setCalendar: Tingnan kung aling mga araw ka nag-ehersisyo at tingnan ang mga detalye ng workoutIto ang mga pangunahing kaalaman, ngunit sabay nating gawin ang spec. Gusto kong manatiling malinaw sa mga kinakailangan, at kung mayroon kang anumang mga tanong, tanungin sila sa isang listahan na may numero. Ang pinakamahalagang bahagi ng prompt na ito ay "Kung mayroon kang anumang mga katanungan, tanungin sila sa isang listahan na may numero." Palagi kong isinasama ang linyang ito kapag tinatalakay ang mga kinakailangan kay Claude para makapagtanong ito sa akin para mapaganda ang spec. Narito ang ilang halimbawang tanong at sagot:Claude: Gusto mo ba ng rest timer? Ako: Oo, hayaan mo rin akong i-customize ito sa mga setting.Claude: Gusto mo ba ng automatic deload pagkatapos ng mga nabigong set? Ako: Hindi, panatilihin natin itong simple. Pagkatapos makuha ni Claude ang spec sa isang estado kung saan masaya ka, hilingin dito na: "I-split ang spec sa mga kinakailangan sa disenyo at teknikal. Huwag masyadong detalyado sa mga kinakailangan sa disenyo para magkaroon ito ng puwang na ibaluktot." Isama ang huling linya dahil ang Pencil (aming AI designer) ay mas mahusay sa disenyo kaysa kay Claude. 🙂 Pag-usapan natin iyan sa susunod. Habang gumaganda ang mga modelo, naging tamad ako sa aking mga senyas (at mas malala sa spelling)2. Idisenyo ang mga mobile screen gamit ang PencilPencil na lumikha ng 8 magagandang screen mula sa simula mula sa aming mga kinakailangan. Dito nangyayari ang mahika. Narito kung paano gamitin ang Pencil para gumawa ng mga mobile screen na maganda ang pagkakagawa sa halip na AI slop: Magbasa pa

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