E-commerce Live Stream UI Mockup
Generates a realistic social media live stream interface overlaying a portrait, featuring customizable chat messages, gift popups, and a product purchase card.
This is a GPT Image 2 prompt case for Graphic & Poster. Use the copy-ready prompt below to generate similar visuals, and review Awesome GPT Image 2 Prompts attribution plus commercial-use rights before reuse.
Need the full prompt set? Use the Graphic & Poster topic hub for more related examples, or open the GPT Image 2 prompt library for the full example index, reusable structures, and source attribution.
Free 1K preview
Generate one preview image instantly, no sign-up required.
2308/4000
Prompt
Copy-ready prompt
{
"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=\"left background logo\" default=\"SPACEX\"}' text, right side shows a red '{argument name=\"right background logo\" default=\"Tesla T logo\"}' and a dark car"
},
"ui_overlay": {
"top_header": {
"host_info": "Avatar, name '{argument name=\"host name\" default=\"Elon Musk\"}', subtitle '556k likes in this session', red 'Follow' button",
"rank_badge": "Gold coin icon with 'Ranked #1'",
"viewer_stats": "3 top viewer avatars displaying '123k', '86k', '57k', total '687k', 'X' close button",
"right_links": "'More Live Streams >', 'Gift Shop 0/24' (with a blue 'Classic' tag)"
},
"mid_left_gifts": {
"count": 2,
"items": [
"Avatar 'Tech Enthusiast', 'Sending a Little Heart', Heart Icon x 1314",
"Avatar 'Stars and Sea', 'Sending a Rocket', Rocket Icon x 666"
]
},
"bottom_left_chat": {
"system_message": "Level 37 Badge 'Cosmic Wanderer Joined the Livestream'",
"message_count": 7,
"messages": [
"Little Rocket: Musk! The future is promising! 🚀",
"future: When will the Tesla Model 2 be released?",
"Starry Dreamer: Can SpaceX reach Mars this year?",
"AI Explorer: How is Neuralink progressing?",
"Handsome Netizen: Hello, Mr. Ma!",
"Mars: First time watching your livestream, so excited!",
"User123: Talk about AI, will it replace humans?"
]
},
"bottom_right_product_card": {
"hot_tag": "Orange 'Hot Sale x 1888'",
"image": "Tesla Cybertruck",
"title": "{argument name=\"product name\" default=\"Tesla Cybertruck electric pickup truck\"}",
"price": "{argument name=\"product price\" default=\"¥ 1,618,000\"}",
"button": "Red 'Grab' button",
"floating_animation": "translucent hearts floating up the right edge"
},
"bottom_bar": {
"input_field": "'Say something...'",
"icons": [
"smiley face",
"three dots",
"shopping cart",
"gift box",
"share"
]
}
}
}Prompt variables
Editable argument placeholders found in the prompt, with their default values.
Variable
host name
Default
Elon Musk
Variable
left background logo
Default
SPACEX
Variable
right background logo
Default
Tesla T logo
Variable
product name
Default
Tesla Cybertruck electric pickup truck
Variable
product price
Default
¥ 1,618,000
Best for
- - Graphic & Poster visual exploration
- - Image generation and reference-image edits
- - Reusable briefs that keep source attribution visible
Change these parts
- - Subject, product, character, or scene
- - Aspect ratio, camera, lighting, and background
- - Brand, text, color, and output constraints
Recommended model and settings
- - Model: gpt-image-2
- - Input mode: Text to Image
- - Aspect ratio: source
- - Commercial status: review original source
How to use this prompt
- 1. Copy the prompt and preserve its structure for the first test.
- 2. Replace the subject, context, and publishing channel.
- 3. Change one camera, lighting, or style variable per iteration.
- 4. Inspect the output, source, text, and rights before reuse.
Limitations, source, and reuse cautions
- - Generated output is an editable draft, not factual, legal, or rights evidence.
- - Review the linked source, people, brands, logos, text, and third-party media before commercial use.
Imported from Awesome GPT Image 2 Prompts. Attribution is required. Commercial-use status is allowed; review source rights before paid usage.
More cases in this category
Prioritized by category, input mode compatibility, quality, and lower risk.
Reuse and source notes
Use this prompt safely after previewing the case.
- 1.Copy the prompt or open it directly in Dovoo with the generation button.
- 2.Adjust variables, aspect ratio, and reference images for your own use case.
- 3.Before publishing or paid usage, verify source rights, attribution requirements, and brand or likeness risks.
Can I use this prompt commercially?
Commercial-use status is allowed. Review the original source, license, brand constraints, and legal requirements before paid usage.
Where does this case come from?
This case is imported from Awesome GPT Image 2 Prompts; keep attribution visible and check the source URL before reuse.