E-commerce Live Stream UI Mockup
UI / UX 設計

E-commerce Live Stream UI Mockup

{ "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":…

提示詞

{ "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\"}', subtext '55.6萬本場點贊', red '關注' button", "rank_badge": "gold coin icon with '全站第1名'", "viewer_stats": "3 top viewer avatars with '12.3w', '8.6w', '5.7w', total '68.7萬', 'X' close button", "right_links": "'更多直播 >', '禮物展館 0/24' with blue '經典' tag" }, "mid_left_gifts": { "count": 2, "items": [ "avatar '科技愛好者', '送小心心', heart icon x 1314", "avatar '星辰大海', '送火箭', rocket icon x 666" ] }, "bottom_left_chat": { "system_message": "level 37 badge '宇宙漫遊者 加入了直播間'", "message_count": 7, "messages": [ "小火箭: 馬斯克!未來可期!🚀", "future: 特斯拉Model 2什麼時候出?", "星空夢想家: SpaceX今年能上火星嗎?", "AI探索者: Neuralink進展如何?", "帥氣的網友: 馬總好!", "Mars: 第一次來你的直播,超激動!", "使用者123: 講講AI吧,會取代人類嗎?" ] }, "bottom_right_product_card": { "hot_tag": "orange '熱賣 x 1888'", "image": "Tesla Cybertruck", "title": "{argument name=\"product name\" default=\"特斯拉Cybertruck 电动皮卡\"}", "price": "{argument name=\"product price\" default=\"¥ 1,618,000\"}", "button": "red '搶' button", "floating_animation": "translucent hearts floating up the right edge" }, "bottom_bar": { "input_field": "'說點什麼...'", "icons": ["smiley face", "three dots", "shopping cart", "gift box", "share"] } } }

How to use this prompt

1
Review the full prompt

Read the complete E-commerce Live Stream UI Mockup prompt and identify the subject, style, camera, lighting, and composition requirements before generating.

2
Customize variables

Replace bracketed or argument-style placeholders with your product, character, brand, scene, color palette, or aspect ratio requirements.

3
Generate and iterate

Open https://www.gptimagehub.com/zh-TW/generate?promptId=cmogwxwj3009hzpdyjdxym0wy, generate the image, then refine the prompt with more specific subject, text, layout, or negative constraints if needed.

Prompt FAQ

What is the E-commerce Live Stream UI Mockup prompt best used for?

This prompt is best used for ui / ux 設計 images where you want a reusable structure, detailed visual direction, and consistent output quality.

Can I edit the prompt before generating?

Yes. The full prompt text is visible on this page so you can change subjects, product names, colors, composition, camera terms, aspect ratio, and style notes before generation.

Which model should I use with this prompt?

Use the model shown in the prompt metadata as the default starting point. If another image model supports the same aspect ratio and instruction style, you can adapt the prompt and compare results.

其他模板