Live Stream Shopping UI Mockup

0浏览Sep 2, 2026

提示词

{ "type": "live stream UI mockup", "subject": { "description": "portrait of , smiling, wearing a black t-shirt with a white technical schematic graphic", "background": "left side shows a screen with '' text, right side shows a red '' and a dark car" }, "ui_overlay": { "top_header": { "host_info": "avatar, name '', 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": "", "price": "", "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"] } } }

改成你的

只展示值得改的部分，提示词会实时更新。

host name

Who is on camera — this name is printed twice in the top bar, beside the avatar and in the host row, so keep it short enough to fit

product name

The item in the bottom-right sale card — a product plus a short descriptor, since the card gives the title barely two lines of space

product price

The price shown on the sale card, written with its currency symbol and thousands separators exactly as it should appear on screen

打开模板

模型: GPT Image
分类: UI & Social Mockup
署名: freestylefly GPT Image 2作者@sjbbxhz SourceCommunity-sourced; commercial use is not guaranteed.
许可证: MIT