Fictional Livestream Commerce Interface Mockup — ClawLabs AI · MIT

Fictional Livestream Commerce Interface Mockup — ClawLabs AI · MIT

Original document

GPT Image 2 · en

Design a portrait-orientation mockup of a live-streaming app UI. The main subject is a smiling [PERSON], wearing a black t-shirt printed with a white technical schematic graphic. The background shows, on the left side, a screen displaying the text '[BRAND_1]', and on the right side, a red '[BRAND_2]' logo alongside a dark parked car.

Overlay UI elements:
- Top header: host avatar and name '[PERSON]', subtext reading '556K likes this stream', red 'Follow' button; a gold coin rank badge reading 'No. 1 on the platform'; three top viewer avatars with counts '123K', '86K', '57K', a total of '687K' viewers, and an 'X' close button; on the right, links reading 'More live streams >' and 'Gift gallery 0/24' with a blue 'Classic' tag.
- Middle-left gift notifications (2 items): avatar 'Tech Enthusiast' with text 'sent a Little Heart', heart icon x1314; avatar 'Sea of Stars' with text 'sent a Rocket', rocket icon x666.
- Bottom-left chat panel: a system message with a level 37 badge reading 'Cosmic Wanderer joined the live stream'; below it, 7 chat messages: 'Little Rocket: The future looks bright! 🚀', 'Future: When will the new pickup model launch?', 'Starry Dreamer: Will the Mars mission happen this year?', 'AI Explorer: How is the brain-chip project going?', 'Cool Fan: Great to see you!', 'Mars: First time in your stream, so excited!', 'User123: Tell us about AI, will it replace humans?'.
- Bottom-right product card: an orange 'Hot Sale x1888' tag, an image of [PRODUCT_NAME], title '[PRODUCT_NAME]', price '[PRODUCT_PRICE]', a red 'Grab' button, and translucent floating hearts animating up the right edge.
- Bottom bar: an input field with placeholder text 'Say something...', and icons for smiley face, three-dot menu, shopping cart, gift box, and share.

How to use

  1. Copy the complete original prompt, including any parameters.
  2. Replace the subject, text and composition with your own requirements.
  3. Use a compatible external tool; check its current access conditions and review the result.

Before you start

  • Check whether a reference image is required. A compatible model label does not mean this example was generated with that model.
  • Keep names, figures and visible text accurate; results can vary between model versions.

More like this

E-commerce Live Stream UI Mockup
GPT Image 2en

{ "type": "Live Streaming UI Mockup", "subject": { "description": "{argument name=\"host name\" default=\"Elon Musk\"} The portrait shows a smiling face, wearing a black T-shirt with a white technical illustration printed on it.", "background": "The left side displays

E-commerce Live Stream UI Mockup
GPT Image 2en

{ "type": "live stream UI mockup", "subject": { "description": "portrait of {argument name=\"host name\" default=\"Elon Musk\"}, smiling, wearing a black t-shirt with a white technical schematic graphic", "background": "left side shows a screen with '{argument name=\"

Livestream Shopping Interface Mockup — ClawLabs AI · MIT
GPT Image 2en

Design a realistic mobile livestream e-commerce interface mockup. The main subject is [PERSON], wearing a black t-shirt printed with the [BRAND] logo, gesturing enthusiastically toward the camera with both hands as if explaining a product. A small watermark reading '[WATERMARK_TE

Livestream E-commerce Interface Mockup
GPT Image 2en

{ "type": "Mobile live-streaming e-commerce interface model", "subject": { "person": "Elon Musk", "clothing": "Black T-shirt with SPACEX logo", "pose": "He waved his hands toward the camera and enthusiastically gave his explanation.", "watermark": "@Proof AI"

Chinese Livestream Rocket Gala Edit
GPT Image 2en

Using the provided reference photo, transform the character into a cool screenshot of a Chinese live stream, while maintaining the head position, cropping proportions, hairstyle, and overall features. Replace the outdoor parasol and street background with a nighttime city skyline