Prompt template
Mobile Livestream Flash Sale Interface
A mobile flash-sale livestream screen, a host in pajamas with a timer, price card and seven-line chat, with shop name, product title and price editable.
Start from an example
Pick an example to load its exact settings, then make it yours.
Make it yours
Only the parts worth changing are shown. The prompt updates as you go.
Your prompt
{ "type": "mobile live-streaming e-commerce interface mockup", "subject": { "description": "young Asian woman, long dark hair, wearing light-colored floral pajama set with a pink bow, holding the pajama top outward to show the fabric", "background": "cozy room, clothing rack with pajamas, flowers, warm lighting" }, "ui_layout": { "top_bar": { "time": "20:34", "host_info": { "name": "小雨睡衣", "stats": "12.8万本场点赞", "button": "关注" }, "viewer_info": { "avatars_count": 3, "total_viewers": "1.2万" } }, "floating_tags": { "count": 2, "labels": ["带货总榜第3名", "人气榜"] }, "widgets": { "top_left": "red envelope icon with timer 03:45", "top_right": "floating heart icon with text 直播好物大赏 发现新热爱" }, "marketing_text_overlay": { "position": "mid-right", "lines_count": 5, "lines": [ "新款睡衣", "正在秒杀中...", "亲肤透气", "柔软舒适", "不起球 不褪色" ] }, "chat_log": { "position": "bottom-left", "message_count": 7, "messages": [ "32 雨*** 加入了直播间", "小***: 好看，多少钱", "小***: 拍了，期待发货", "C***: 质量看着不错", "用***: 身高165，体重120斤，穿多大码？", "@***: 主播身上这款有货吗？", "晴***: 已拍，坐等收货！" ] }, "product_card": { "position": "bottom-right", "thumbnail": "miniature of the host", "title": "【小雨睡衣】春季新款家居服套装", "tags_count": 2, "tags": ["7天无理由退货", "运费险"], "price_section": "秒杀价 ¥ 89.9", "action_button": "抢" }, "bottom_bar": { "input_placeholder": "说点什么...", "icon_count": 5, "icons": ["smiley face", "shopping cart", "heart/gift", "gift box", "three dots"] } } }
Click a highlighted part to change it.
When to use it
Use when you need a flash-sale livestream mockup for a home-goods or apparel shop, with a real-looking chat and countdown.
How to get the best result
- Write the product title the way a marketplace does, shop prefix and item together; it is the longest string on the card.
- Enter the price as digits only; the flash-sale label and currency mark before it are fixed, so a symbol doubles up.
- Keep the shop name short and in Chinese like the fixed UI; the like count and follow button share its top bar.
Watch-outs
- Seven quoted chat lines, five overlay lines and a card make a dense screen; expect at least one garbled chat line.
- The host wears pajamas and the fixed chat asks about sizes, so a product title outside sleepwear contradicts the scene.
- No ratio is stated for this phone screen; pick a tall portrait ratio in the generator before running.
Related templates
- Live Stream Shopping UI MockupUse when you need a realistic live-commerce screen for a pitch deck or a UI concept and only the host and product change.
- Graffiti Sketchbook IllustrationUse when you want an idea or a role drawn as a quick, scribbled sketchbook page rather than a finished illustration.
- Historical Figure Tweet MockupUse when you want a historical-figure-on-social-media gag image in which a Ming emperor announces his reign to a modern feed.
- Optical Bench Setup DiagramUse when a methods figure needs a labeled breadboard layout for a two-SLM polarization setup and you want to write the caption yourself.
- Voxel Game Screenshot MockupUse when you need a convincing next-gen block-game screenshot or parody with your own title logo and the HUD already in place.
- Cat-Ear VTuber Live ThumbnailUse when a gaming-room VTuber stream needs a thumbnail with a big two-word Japanese headline and a LIVE badge already in the corner.
Source and attribution
- License
- MIT
- Example cases by
- linxiaobei888