提示词模板

Livestream Commerce UI Mockup

A livestream shopping screen with host portrait, follow header, gift alerts, a seven-line chat and a buy card; the host name, product and price change.

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

从示例开始

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

查看案例

改成你的

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

Host name

Who is on camera and in the top header — the name appears twice and the chat talks to them, so pick someone recognizable

Product name

The item on the bottom-right buy card — a full retail product title, since it has to read at card size next to the price

Product price

The price on the buy card, written with its currency symbol and separators exactly as it should appear, e.g. ¥1,618,000

你的提示词

{ "type": "live stream UI mockup", "subject": { "description": "portrait of Elon Musk, smiling, dressed in a black t-shirt featuring a white technical schematic print", "background": "left side displays a screen showing 'SPACEX' text, right side shows a red 'Tesla T logo' and a dark-colored car" }, "ui_overlay": { "top_header": { "host_info": "avatar, host name 'Elon Musk', subtext '556k likes this stream', red 'Follow' button", "rank_badge": "gold coin icon labeled 'No.1 Site-wide'", "viewer_stats": "3 top viewer avatars with counts '123k', '86k', '57k', total viewers '687k', 'X' close button", "right_links": "'More streams >', 'Gift Hall 0/24' with blue 'Classic' tag" }, "mid_left_gifts": { "count": 2, "items": [ "avatar 'TechFan', 'sent a Little Heart', heart icon x 1314", "avatar 'SeaOfStars', 'sent a Rocket', rocket icon x 666" ] }, "bottom_left_chat": { "system_message": "level 37 badge 'CosmicWanderer joined the stream'", "message_count": 7, "messages": [ "LittleRocket: Musk! The future is bright! 🚀", "future: When is Tesla Model 2 coming out?", "StarryDreamer: Will SpaceX reach Mars this year?", "AIExplorer: What's the latest on Neuralink?", "HandsomeNetizen: Hello Boss Ma!", "Mars: First time watching your stream, super excited!", "User123: Talk about AI — will it replace humans?" ] }, "bottom_right_product_card": { "hot_tag": "orange 'Hot Sale x 1888'", "image": "Tesla Cybertruck", "title": "Tesla Cybertruck Electric Pickup", "price": "¥1,618,000", "button": "red 'Buy' button", "floating_animation": "translucent hearts drifting up along the right edge" }, "bottom_bar": { "input_field": "'Say something...'", "icons": ["smiley face", "three dots", "shopping cart", "gift box", "share"] } } }

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

适用场景

Use when you need a realistic live-commerce screenshot for a deck or a feature demo without an actual stream to capture.

怎样效果最好

The host name prints twice, on the portrait and in the header; pick a short name the model knows and can draw.
Write the product as a full retail title and the price with currency symbol and separators, exactly as it should print.
Swap the two background logos in the advanced controls when the host changes; otherwise they read SpaceX and Tesla.

避坑提醒

The chat lines and Cybertruck product image are fixed, so another host or product still sits inside Musk-themed chatter.
Dozens of small UI strings, from viewer counts to gift alerts, share one screen; expect misspellings in the smallest.

来源与归属

许可: CC0-1.0
示例案例作者: iamaiistudio

继续浏览

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