6 of 7 checks passed
Output
Open the prototypeThe file the model delivered, in a new tab
I've built this as a single HTML file. It opens on the appointment screen and runs through move, pick a day, pick a time, review, and confirm. The original booking stays in place until the patient confirms, and the confirmation shows the new time. Thursday 8 October is fully booked and shows a "No slots available" state, and Sunday 11 October is closed.
The prototype is one file with no external dependencies. The screens are:
- Your appointment: Tue 6 Oct at 09:30 with Dr Amira Khan.
- Choose a day: seven days from Tue 6 to Mon 12 October with free-slot counts. Thu 8 October is fully booked, and Sun 11 October is closed.
- Choose a time: a grid of times for the chosen day. Thursday shows the "No slots available" state with a button back to the day list.
- Review: the current and new times side by side, with the note that the current appointment stays booked until the patient confirms.
- Confirmation: the new time, the released old slot, and a made-up reference number.
Tapping Done returns to the appointment screen showing the new time. If the patient moves again, the released slot appears as free. Tuesday 6 October's 09:30 is the only slot that changes, since it's the booking being moved.
Grades and run details
Decision model 93
Decision model checks
- passStays in scope79%
- partialSays what it tests and what's faked46%
- passShows the no-slots stateby hand100%
- passAvoids the generic AI paletteby hand100%
- passAvoids template layout and copy tellsby hand100%
- passRespects explicit constraintsby hand100%
- passCore interaction worksby hand100%
Artefacts
- Prototype (html)
Run
- Run
- #1
- API response time
- 45 s
- Submitted
- 8 Oct 2026