Construct a Lovely Cellular Health App with Claude Code and Pencil

Expensive subscribers,

At this time, I need to present you how one can construct a lovely cell app to trace your exercises.

Constructing a cell app used to require a group of engineers. However AI instruments like Claude Code and Pencil have made it simple so that you can ship a lovely app by your self even if you happen to don’t know how one can code.

Watch my tutorial to see me stroll by way of how to do that in simply 16 minutes.

Timestamps:

• (0:00) What we’ll construct: A lovely cell app to trace your exercises

• (2:01) Step 1: Outline necessities with Claude

• (6:11) Step 2: Create designs with Pencil

• (8:56) Step 3: Construct the app with Claude Code

• (14:21) Getting the app on the App Retailer

• (15:19) Recap of all 3 steps

Watch now on YouTube or learn the written information beneath.

I’m proud to companion with…Granola

Granola simply launched Areas — a brand new manner on your group to arrange and share assembly notes with one another. For instance, you possibly can create a “Person Calls” house together with your interviews to let anybody ask questions on consumer wants. You’ll be able to even ask questions straight in Claude, ChatGPT, or Gemini with Granola’s new APIs and MCP.

Attempt Granola for Free

We reside in a time the place it’s simpler to vibe code your individual cell app than to search out an present one that you just like. So let’s construct an app that may:

1. Create exercises by choosing an train after which the variety of units and reps.

2. Observe exercises reside by tapping every train set to finish it.

3. Measure progress by way of a calendar and charts for every train.

I’ll stroll you thru how one can construct it in 3 steps beneath.

Let’s begin by pasting this immediate into Claude:

Let’s work collectively on necessities for a cell health app. I need three screens:

1. Add/edit exercises: Create exercises and add workout routines with units and reps

2. Exercise session: Observe exercises in real-time, faucet to finish units

3. Calendar: See which days you labored out and examine exercise particulars

That is the fundamentals, however let’s work on the spec collectively. I need you to remain crisp on the necessities, and if in case you have any questions, ask them in a numbered record.

An important a part of this immediate is

I all the time embody this line when discussing necessities with Claude in order that it might ask me inquiries to make the spec higher. Listed here are just a few instance questions and solutions:

1. Claude: Would you like a relaxation timer?
   Me: Sure, additionally let me customise it in settings.

2. Claude: Would you like computerized deload after failed units?
   Me: No, let’s maintain it easy.

After Claude will get the spec to a state that you just’re pleased with, ask it to:

Embrace the final line as a result of Pencil (our AI designer) is healthier at design than Claude. 🙂 Let’s cowl that subsequent.

That is the place the magic occurs. Right here’s how one can use Pencil to create fantastically crafted cell screens as an alternative of AI slop: