A record of the prompts that produced the Sole prototype.
Sole is a running-coach app prototype built on Claude Design. This document records the prompts used to make it — what was typed, in order, and what it produced.
The original brief was voice-transcribed. It has been edited for clarity. Everything else is preserved as written.
Each entry is an accordion. Open it to read what was typed and what it produced.
An app for high-performance endurance runners. The phone app is geared toward the athlete — structured training, measurable progress.
It uses a combination of AI, athlete input, and coach input to align planning, execution, and feedback in one shared environment. The AI surfaces patterns, detects change, and highlights what matters. Coaches and athletes apply judgment. Technology amplifies decision-making; it does not replace it.
Athletes start sessions. Biometric data feeds in from a smartwatch. They see VO2 max, endurance and recovery numbers, and can compare sessions to see progress. Metrics are chosen for what high-end competitive runners care about: training data, performance insights, speed, recovery time — possibly rhythm and gait.
The AI coach is based on a custom training program, informed by experts and coaches in the industry. It's conversational — athletes can talk to it and get instant feedback. Wellness check-ins monitor biometrics pulled from the watch.
Positioning: a cutting-edge training and coaching platform for endurance runners and their coaches. It transforms athlete data into personalized, real-time insights. For runners pushing their limits, or for coaches managing multiple athletes. The AI augments coaches rather than replacing them, and serves as the coach for athletes who don't have one.
Core functionality: deep dives into performance trends across sessions and races, fatigue tracking, integration with wearables and sensors, and a centralized platform for performance, recovery, and wellness — all built on scientifically backed metrics.
Brand: neutral tones, Apple-adjacent. High-tech, elite, smooth. Light blues and a saturated sky blue. Clean white space, light gray, thin lines — strong tech vibe.
Name: Sole. S-O-L-E.
Hi-fi design. Interactive prototype. Make tweakable.
[Accompanied by a condensed spec — AI coaching for endurance runners, light mode with a sky-blue accent, neutral Apple-adjacent tone.]The prototype scaffolded end to end: Home, Session Detail, Live Session (dark), Post-Summary, Training Plan, Insights, AI Coach, Wellness Check-in, Profile. Hairline dividers, thin-stroke charts, generous white space. A tweaks panel exposing athlete name, readiness value, and screen jumps.
I added a logo I want to use, and a couple of photos to incorporate somewhere — maybe in headers for some sections. I also want a loading screen that shows the logo large when you first open the app, with an inspirational running quote for the day that rotates.
Splash screen with the new logo, a rotating daily quote, and a pulse loader. Logo placeholder replaced across every screen header. Athlete photos used as photo-headers on Profile and Insights, with a gradient fade into content.
Also — clicking the logo at the top of the app should bring you to the splash screen and load a new quote.
Logo-tap handler wired on Home, Plan, Insights, Coach, and Profile. Quote rotation moved from date-based to visit-based, so every tap surfaces a new quote.
New logo uploaded — tighter crop so it reads bigger in the header. White version goes on the splash screen. Switch the splash to dark mode. The runner photos aren't working as headers — take them out of those and use them as full-bleed background images on the splash instead, with the logo large and centered, gradient down to black at the bottom so the quote reads. Bigger, bolder quote text. Rotate the images along with the quotes on reload.
Splash rebuilt as a dark, full-bleed rotating-photo hero with the white logo centered and the quote weighted heavier. Photo-headers removed from Profile and Insights, reverted to simple type-driven headers with the new tighter logo.
The photo headers on Profile and Insights added texture but competed with the data underneath. Reassigned to the splash, where atmosphere was the point.
Swap in the new logo file and make it bigger — I want the brand more prominent at the top of every screen except Home. On Home, use the white version. Home splash should linger a little longer so the quote can actually read; it's going by too quickly.
Put the whole app into dark mode. Bring in jewel tones — the brand blue, plus pinks, purples, yellows, sapphires, emerald greens — for different metrics. I want it to feel more high-tech, more forward. Find a font that matches the brand better. Thicker, and lowercase for all headings. A thicker lowercase with more energy in it.
Once that's done, add knobs so I can tweak some of the colors.
Full dark-mode pass. Metric-specific color system replacing the single-accent scheme — each data type keyed to its own jewel tone. Heading font swapped to a heavier lowercase treatment. Home splash timing extended. Tweaks panel expanded with live color controls for the new palette.
The prototype. Interactive, with a tweaks panel.