Skip to main content

Claude/ChatGPT Prompt to Design a Telehealth Video Consultation UI

Design a telehealth video consultation UI: video call, SOAP notes, e-prescribing, follow-up scheduling and HIPAA-compliant recording.

Fill in the placeholders

Edit the values, then copy your finished prompt.

Your Prompt
prompt.txt
Design a telehealth video consultation interface for CareConnect, a multi-specialty telehealth platform for clinics and hospitals.

**Clinical context:**
- Specialties: primary care, dermatology, mental health, urgent care
- Consultation types: scheduled video visit, on-demand urgent, follow-up, second opinion
- Typical session length: 15-30 minutes for primary care, 45-60 for mental health
- Compliance: HIPAA, HITECH, state telehealth practice regulations
- Framework: React + TypeScript + Tailwind + Daily.co SDK

**Industry Design Rules (Healthcare):**
- Color Mood: Calming blues and greens, white space for clarity — NO clinical/sterile feel
- Typography: Highly readable, minimum 16px body text, clear hierarchy
- Key Effects: Smooth transitions, no jarring animations — patients may be anxious

**Design the following views:**

1. **Pre-Consultation (Waiting Room):**
   - Camera/microphone test with preview
   - Connection quality indicator (bandwidth check)
   - Patient intake form: current symptoms, medications, allergies (pre-filled from record)
   - Estimated wait time with position in queue
   - Calm, reassuring design with provider photo and credentials
   - Technical requirements check: browser compatibility, permissions granted

2. **Video Call Interface (Provider View):**
   - Main video area: patient video large, provider self-view small (movable PIP)
   - Controls bar: mute, camera toggle, screen share, record (with consent), end call
   - Right panel (collapsible): patient chart, vitals history, medication list, allergies (flagged prominently)
   - Quick-access clinical tools: symptom checker, drug interaction lookup, ICD-10 code search
   - Timer showing session duration
   - "Patient is having connection issues" auto-detection with fallback to audio-only

3. **Clinical Notes Panel (During Call):**
   - SOAP note template: Subjective, Objective, Assessment, Plan
   - Voice-to-text transcription (with explicit patient consent indicator)
   - Quick-insert templates for common findings
   - Structured data capture: vitals entered during call, body diagram for pain location
   - Auto-save every 30 seconds with visual confirmation
   - Previous visit notes accessible for reference

4. **Prescription Writing:**
   - Drug search with formulary checking and insurance coverage indicator
   - Dosage calculator with weight-based recommendations
   - Drug interaction alerts (critical: red blocking modal, moderate: yellow warning)
   - E-prescribe integration with preferred pharmacy selection
   - Controlled substance protocols and verification requirements
   - Patient-friendly medication instructions preview

5. **Post-Consultation:**
   - Visit summary auto-generated from SOAP notes (patient-friendly language)
   - Follow-up scheduling: suggest next appointment based on condition
   - Lab/imaging order placement
   - Referral generation to specialist
   - Patient satisfaction micro-survey (3 questions max)
   - Secure messaging thread created for async follow-up

6. **Patient View (Mobile-First):**
   - Simple, large controls for elderly patients
   - Accessibility: closed captions for hearing impaired, high contrast mode
   - One-tap join from appointment reminder SMS/email
   - Waiting room anxiety reduction: provider bio, calming content
   - Post-visit: view summary, medications, follow-up date in simple language

7. **React + TypeScript + Tailwind + Daily.co SDK Implementation:**
   - WebRTC video implementation with TURN server fallback
   - Encrypted media streams and HIPAA-compliant recording storage
   - Responsive layout: desktop side-by-side, tablet/mobile stacked with swipe panels
   - Offline resilience: queue notes locally if connection drops, sync on reconnect

The interface should fade into the background — the focus is the human conversation, not the technology.

What this prompt does

This prompt directs Claude or ChatGPT to design a telehealth video consultation interface end to end. You set the [product_name] and [platform_type], then provide clinical context through [specialties], [consultation_types], [session_length], and [compliance_requirements], plus the [framework] you'll build in. The model designs the waiting room, the provider video call view, the clinical notes panel, prescription writing, the post-consultation flow, the patient mobile view, and the framework implementation.

It works because it bakes in healthcare-specific design rules — calming colors, 16px minimum body text, no jarring animations for anxious patients — and threads [compliance_requirements] like HIPAA and HITECH through every view. By naming [specialties] and [consultation_types], the model tailors flows: a 15-minute primary care visit gets different pacing than a 45-minute mental health session. The [framework] variable shapes the WebRTC and encrypted-recording notes at the end.

When to use it

  • You're scoping a telehealth or virtual-care product and need a full screen-by-screen design.
  • You want the waiting room, call interface, SOAP notes, and e-prescribe flow designed together rather than bolted on.
  • You need a HIPAA-aware design that surfaces consent indicators and encrypted recording requirements.
  • You're designing both a provider desktop view and a patient mobile-first view in one pass.
  • You want clinical tools (drug interaction lookup, ICD-10 search) placed sensibly inside the call.
  • You need a starting point for WebRTC implementation decisions like TURN fallback and offline note queuing.

Example output

The model returns a layered design document covering each view in order, from the pre-consultation waiting room to the framework implementation notes. Each section lists concrete UI elements — movable picture-in-picture video, a collapsible patient chart panel, a SOAP note template with auto-save, drug interaction alerts as red blocking modals — and the states and consent indicators around them. The closing [framework] section translates this into WebRTC, encrypted media, responsive layout, and offline-resilience concerns. Expect a thorough spec, not deployable code.

Pro tips

  • Be specific with [specialties]; mental health, dermatology, and urgent care imply different intake fields and session pacing.
  • Use [session_length] to communicate pacing — short urgent visits and long therapy sessions need different timer and notes behavior.
  • Keep [compliance_requirements] accurate to your region; HIPAA plus state telehealth rules change consent and recording UI.
  • Set [framework] to your real video stack (a WebRTC SDK like Daily.co) so the implementation notes are usable.
  • Ask for the patient mobile view separately if you need large-control, accessibility-first detail for elderly users.
  • The prompt designs UI, not a compliance program — have a real privacy and security review before shipping anything clinical.

Frequently Asked Questions

Does this prompt make my telehealth app HIPAA compliant?
No. It designs a HIPAA-aware interface with consent indicators and encrypted-recording requirements, but real compliance needs proper infrastructure, BAAs, and a security review. The prompt produces UI design, not a compliance certification.
Can it design both the doctor and patient views?
Yes. The prompt explicitly designs a provider desktop call interface and a separate mobile-first patient view with large controls, accessibility features, and anxiety-reducing waiting room content for elderly users.
Does it include e-prescribing and clinical notes?
Yes. It designs a SOAP note panel with auto-save and voice-to-text, plus a prescription writing flow with drug interaction alerts, dosage calculation, and e-prescribe pharmacy selection. These are UI designs, not integrations.
Which video SDK should I name in the framework variable?
Use whatever WebRTC stack you plan to build on, such as Daily.co or a raw WebRTC setup. Naming it sharpens the implementation notes around TURN fallback, encrypted streams, and reconnection handling.
How does session length change the design?
The `[session_length]` variable signals pacing. A 15-minute primary care visit gets a tighter timer and quick notes, while a 45-to-60 minute mental health session gets calmer pacing and more room for structured documentation.
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 Healthcare 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