What this prompt does
This prompt generates a complete medication reminder app UI, grounded in a strict set of healthcare-specific design rules embedded directly in the template. It is not a generic "design an app" prompt — it enforces minimum 48px tap targets, 18px+ body text, offline-capable core reminders, and explicitly prohibits gamification patterns that are inappropriate in a medical context. Those anti-patterns are baked into the template, not left to the AI's discretion.
The seven-component output covers the full patient journey: from the daily schedule home screen through medication setup, refill tracking, drug interaction warnings, caregiver shared access, and an exportable adherence history. The [framework] variable anchors the generated code to your actual tech stack, so the today's schedule view comes out in React Native, Flutter, SwiftUI, or whatever you specify — not pseudocode.
The color-coded, time-of-day schedule (morning/noon/evening/night) combined with one-tap confirmation is a deliberate UX pattern for users with cognitive load challenges. The prompt does not leave this to interpretation; it specifies it as the home screen layout.
When to use it
- Building an MVP medication adherence app for elderly patients or users managing chronic illness with complex polypharmacy regimens.
- Designing a caregiver-facing companion screen where family members monitor a parent's adherence remotely.
- Prototyping a hospital discharge app that needs to handle post-surgery medication schedules clearly.
- Creating a telehealth platform feature where medication tracking integrates with appointment history and doctor-exportable PDFs.
- Generating a design brief to hand off to a frontend team, where the AI output defines component structure and accessibility constraints.
Example output
For target_users = elderly patients managing 6+ daily medications, complexity = high, challenge = confusion between similar-looking pills, framework = React Native:
HomeScreen (Today's Schedule)
- 07:00 AM [MORNING — amber] Metformin 500mg ● Lisinopril 10mg
[TAKE] [SKIP] [SNOOZE 15 min] — large 56px buttons, full-width
- 01:00 PM [NOON — green] Atorvastatin 20mg
- 08:00 PM [EVENING — indigo] Metformin 500mg ● Aspirin 81mg
Pill photo displayed alongside name — tapped opens identification modal.
Confirmation tap logs timestamp + plays a gentle chime.
This block is a structural preview of the AI's output — the actual generated component is React Native JSX. It includes AccessibilityLabel props, minHeight: 56 on all action buttons, and offline AsyncStorage logging for the take/skip events.
Pro tips
- Set
complexity = simplefor single-medication users (post-surgery antibiotic course) — the prompt scopes down the interaction checker and caregiver view to reduce UI noise. - The
challengevariable is the highest-leverage input. "Pill confusion" drives photo-first identification UI; "caregiver coordination" pushes the AI to expand the shared-access and missed-dose alert sections. - Pair this with a color accessibility checker after generation — the "high-contrast but gentle" instruction is directional, not a guarantee of WCAG AA compliance. Always validate contrast ratios on the output palette.
- If you need the interaction checker section to be production-realistic, follow the prompt output with a second prompt that integrates a drug interaction API (e.g., OpenFDA or Drugs.com) rather than asking this prompt to fabricate drug data.
- For the caregiver view specifically, specify
target_users = [patient profile] + family caregiver in separate location— this gives the AI enough context to generate distinct permission levels and alert thresholds rather than a single shared screen.
