提示词模板

Live Stream Shopping UI Mockup

A phone-screen mockup of a Chinese live shopping stream, with a smiling host, gift and chat overlays and a sale card; host, product and price are controls.

专为 GPT Image 设计UI 与社交样机第 4 版

从示例开始

点一张示例图，整套设置立即套用，再改成你自己的。

查看案例

改成你的

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

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

你的提示词

{ "type": "live stream UI mockup", "subject": { "description": "portrait of Elon Musk, smiling, wearing a black t-shirt with a white technical schematic graphic", "background": "left side shows a screen with 'SPACEX' text, right side shows a red 'Tesla T logo' and a dark car" }, "ui_overlay": { "top_header": { "host_info": "avatar, name '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": "特斯拉Cybertruck 电动皮卡", "price": "¥ 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"] } } }

点击高亮部分即可直接修改。

适用场景

Use when you need a realistic live-commerce screen for a pitch deck or a UI concept and only the host and product change.

怎样效果最好

The host name prints in the top bar and also decides who is drawn, so a famous name asks for that person's likeness.
Match the product name to the fixed card photo, a Tesla Cybertruck, or accept a mismatch; the title gets two lines.
Type the price exactly as it should appear, with currency symbol and separators; it renders as text on the sale card.

避坑提醒

Seven chat lines, stats, badges and buttons are all Chinese text; expect garbled characters at that density and check.
The Musk-themed chat and the Cybertruck card photo are fixed; a new host or product needs them rewritten after copying.
The layout is a phone screen but the prompt names no ratio; choose a portrait aspect ratio in the generator.

来源与归属

许可: MIT
示例案例作者: sjbbxhz

继续浏览

更多UI 与社交样机模板 GPT Image 提示词模板全部模板