Skip to main content

Claude Prompt to Design a Fitness & Workout Tracker App

Design a fitness and workout tracker app: exercise library, workout builder, active workout mode, progress charts, body measurements, and social sharing.

Fill in the placeholders

Edit the values, then copy your finished prompt.

Your Prompt
prompt.txt
Design a fitness and workout tracker app interface for IronLog, a strength training and workout tracking app.

**App context:**
- Primary goal: progressive overload tracking for muscle and strength gains
- Target users: intermediate to advanced gym-goers who follow structured programs
- Workout types: strength training, HIIT, cardio, CrossFit-style WODs, stretching/mobility
- Device integrations: Apple Watch, Wear OS, heart rate monitors, Apple Health, Google Fit
- Framework: React Native + Reanimated + MMKV (offline storage)

**Design the following screens:**

1. **Home Dashboard:**
   - Today's workout plan: scheduled workout card with "Start Workout" CTA
   - Weekly activity summary: ring/bar chart showing workout days, rest days, streak
   - Quick stats: total workouts this month, personal records broken, calories burned
   - Progress snapshot: primary goal metric with trend (weight, strength, endurance)
   - Motivational element: streak counter with fire animation, milestone celebrations
   - Quick-start: "Empty gym? Start a freestyle workout" for unplanned sessions

2. **Exercise Library:**
   - Browse by: muscle group (with body diagram tap zones), equipment, movement pattern
   - Search with autocomplete and recent history
   - Each exercise card: name, primary muscles (highlighted on body diagram), difficulty, equipment
   - Exercise detail: instructional video/GIF, step-by-step cues, common mistakes, variations
   - Personal records for each exercise (1RM, max reps, best time)
   - "Add to Workout" button from any exercise detail view
   - Custom exercise creation: name, muscles, equipment, notes

3. **Workout Builder:**
   - Template library: popular programs (PPL, 5x5, HIIT, Couch to 5K) as starting points
   - Drag-and-drop exercise ordering
   - Per exercise: sets x reps/time, rest period, RPE/intensity target, superset grouping
   - Circuit and superset grouping: visual linking of exercises with bracket notation
   - Workout duration estimate based on configured rest periods
   - Save as template for reuse, schedule to specific days of the week
   - Share workout with friends or publish to community

4. **Active Workout Mode:**
   - Current exercise: name, video thumbnail, set/rep counter, rest timer
   - Log entry: weight, reps completed, RPE rating — with previous performance shown for reference
   - Rest timer: auto-start after completing a set, configurable duration, skip button
   - Exercise navigation: swipe or tap for next/previous exercise in sequence
   - Superset indicator: show paired exercises with quick swap
   - Workout timer: total elapsed time, pause/resume controls
   - Quick notes: add form notes or reminders per set
   - Emergency skip: skip exercise with reason (equipment busy, injury) for program adaptation
   - Finish workout: summary screen with total volume, duration, PRs achieved, mood rating

5. **Progress & Analytics:**
   - Body measurements: weight, body fat %, measurements (arms, chest, waist, etc.) with trend charts
   - Strength progress: 1RM estimates per exercise over time (line chart)
   - Volume tracking: total weekly volume by muscle group (ensures balanced training)
   - Workout consistency: calendar heatmap (GitHub-style) of workout days
   - Progress photos: timeline comparison with side-by-side or overlay slider
   - Goal tracking: set target, see predicted achievement date based on current trend

6. **Social & Community:**
   - Share workout completion: summary card to Instagram stories, Twitter
   - Friends feed: see friends' workouts (opt-in), give "fire" reactions
   - Challenges: weekly challenges (most volume, longest streak, heaviest lift)
   - Leaderboards: friends, gym, global (with privacy controls)

7. **React Native + Reanimated + MMKV (offline storage) Implementation:**
   - Offline-first: full workout logging without internet, sync when connected
   - Haptic feedback on set completion, rest timer end, PR achievement
   - HealthKit/Google Fit integration for calories, heart rate during workout
   - Animation: smooth transitions between exercises, celebratory confetti on PR
   - Performance: instant UI response for logging (optimistic updates)
   - Watch companion: simplified active workout view for Apple Watch/Wear OS

The app should feel like a personal trainer in your pocket — guiding, not just tracking.

What this prompt does

This prompt directs Claude or ChatGPT to design a fitness and workout tracker app. You set [app_name] and [app_type], then describe the [primary_goal], the [target_users], the [workout_types], the [device_integrations], and the [framework]. The model designs the home dashboard, the exercise library, the workout builder, an active workout mode, progress charts, body measurements, and social sharing, plus the framework implementation.

It works because workout tracking lives or dies on the active-workout screen — logging sets between exercises has to be fast and one-handed. By naming the [primary_goal] (for example progressive overload for strength) and [target_users], the model biases the design toward the right metrics and flows. The [workout_types] variable shapes the builder's supersets and circuits, and [device_integrations] drives the wearable and health-data sync the framework section specifies.

When to use it

  • You're building a workout tracker and need the active logging flow designed for speed.
  • You want an exercise library with body-diagram navigation and per-exercise personal records.
  • You need a workout builder with templates, supersets, circuits, and rest periods.
  • You're designing progress charts tuned to a goal like progressive overload.
  • You want wearable and health-platform integrations accounted for.
  • You need body-measurement tracking and social sharing laid out.

Example output

The model returns a screen-by-screen design document. The home dashboard covers today's plan, a weekly activity ring, streaks, and quick stats. The exercise library details muscle-group and equipment browsing with body-diagram tap zones and per-exercise records. The workout builder specifies templates, drag-to-order, sets and reps, and superset grouping. The active workout mode covers a set logger showing previous performance, an auto-starting rest timer, and exercise navigation. The closing [framework] section adds offline storage and device sync. Expect a detailed app spec, not finished code.

Pro tips

  • Set [primary_goal] clearly; progressive overload, endurance, and weight loss each bias which metrics the dashboard and charts surface.
  • Match [target_users] to skill level — advanced lifters want RPE and 1RM detail that beginners don't.
  • List [workout_types] so the builder handles supersets, circuits, and timed work correctly.
  • Name your real [device_integrations] so the sync notes (Apple Health, Wear OS, heart rate monitors) apply.
  • Keep the active-workout logger fast and one-handed — showing previous performance inline is the key detail.
  • Pin [framework] to your stack (for example React Native with offline storage) so the offline-first notes are usable.

Frequently Asked Questions

Is the active workout logging flow designed for speed?
Yes. The active workout mode is designed around fast, one-handed logging of weight and reps, with previous performance shown inline for reference and an auto-starting rest timer between sets.
Does it track personal records and progressive overload?
Yes, especially when `[primary_goal]` is progressive overload. The exercise library stores per-exercise records like 1RM and max reps, and progress charts surface strength trends over time.
Can it sync with wearables and health platforms?
Yes. You list them in `[device_integrations]`, and the design accounts for syncing with Apple Watch, Wear OS, heart rate monitors, Apple Health, and Google Fit. The actual integrations are yours to implement.
Does it include a workout builder?
Yes. The builder offers template programs as starting points, drag-and-drop exercise ordering, per-exercise sets and reps and rest periods, superset and circuit grouping, and saving as a reusable template.
Does it work offline?
Offline support depends on your stack. With a framework like React Native plus local storage, the design specifies offline-first behavior so workouts can be logged at the gym without a connection and synced later.
Engr Mejba Ahmed

Need this built for real?

Engr Mejba Ahmed

AI Developer · Software Engineer

I'm Mejba — I design and ship production AI systems, automations, and full-stack apps. If you want this turned into a working solution for your team, let's talk.

More in Lifestyle App UI Prompts

Engr Mejba Ahmed

Engr Mejba Ahmed

AI assistant · trained on my work

👋

Hey there!

Quick Actions

WhatsApp Direct line to me

Chat on WhatsApp

+880 1723 741224 · Replies within the hour on working days

Popular Questions

Engr Mejba Ahmed is connected
Engr Mejba Ahmed is typing...
Engr Mejba Ahmed avatar

✉ Want me to follow up? Drop your email

Engr Mejba Ahmed avatar

📞 Connect Directly

Choose how you'd like to reach me

WhatsApp

+880 1723 741224

Email

mejba.13@gmail.com

✓ Details sent! I'll get back to you shortly.

Powered by OpenAI

335+

Blog Posts

25

AI Courses

63

Projects

Services & Expertise

Pricing & Process

Learning & Resources

Connect & Support