journeys screen gallery - fahadahmed/jamaal-app GitHub Wiki
What the app looks like, screen by screen: the design (the v4 frames from Claude Design, the visual truth) beside the built app (screenshots of the real app on the iPhone and iPad simulators, with sample data). Every frame has an ID such as TD-01, and the Screens and flows register lists what each one is for and how it behaves. How the pieces behind them fit together is in Diagrams.
Where the built screen differs from the frame, the difference is recorded in Design v4 reconciliation. The Mac is shown as designed only: it cannot be screenshotted from the build tooling.
One list, just today: the headline and the capacity meter and slider, then Anchors, Habits and Tasks. Detail: Today list.
![]() Design |
![]() Built |
The capture sheet: effort, how much it matters, when, then category and repeat. Task or Anchor at the top.
![]() Design |
![]() Built |
The timer for the task in hand, with its checklist. Overrun is a state, never an alarm. Detail: Today list.
![]() Design |
![]() Built |
Habits by group, each with its density grid: a grid of days, never a streak. Detail: Habit.
![]() Design |
![]() Built |
Rules for the things your day moves around: prayer times, the school run, bin night, plants. (Built: sample data with a test location, so the prayer time is not yours.) Detail: Anchor.
![]() Design |
![]() Built |
Five steps, one a screen, with a way out at every step. Detail: Night Planning.
Step 1: a read-only look back at the day.
![]() Design |
![]() Built |
Step 4: choose tomorrow's capacity against what is planned.
![]() Design |
![]() Built |
A steady, plain read of the week with patterns, never a grade.
![]() Design |
![]() Built |
Capacity and day, notifications, categories, appearance, subscription and privacy.
![]() Design |
![]() Built |
Regular width gets a sidebar, the task detail beside the list, and Night Planning on a wide canvas. Detail: App flow.
The list with the open task's detail beside it.
![]() Design |
![]() Built |
A list and a detail pane, with a placeholder until something is picked.
![]() Design |
![]() Built |
A step rail beside the open step, and the day drawn as a bar.
![]() Design |
![]() Built |
A real sidebar and the same list, with menu commands for the keyboard. Settings is in the app menu.
![]() Design |
The Next Anchor widget in each of its states. Detail: Widgets and the watch, what the frames decided.
Open, upcoming, closing soon, none left, and needs attention. (Built: the debug gallery, which draws the same views as the widget.)
![]() Design |
![]() Built |
A companion app is planned for v1.1: Today, Anchors, the habit counter and the focus timer, fed by a small snapshot from the phone. Detail: Widgets and the watch.
![]() WA-01 Today |
![]() WA-04 Focus |
The first run, one decision a screen. Detail: Onboarding.
![]() OB-02-the-idea |
![]() OB-04-normal-day |
![]() OB-05-reminders |
![]() OB-06-first-task |
![]() OB-08-first-anchor |
![]() OB-09-ready |
When the trial ends the app goes read-only, never locked. Detail: App flow.
![]() Design |



































