Prompt template
Tennis Apparel Livestream Shopping UI
A livestream shopping screen, a tennis-outfit model on white with a coupon and two product cards, with shop name, campaign lines, product 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": "e-commerce livestream UI mockup", "subject": { "description": "photorealistic young Asian woman, sweaty glowing skin, long dark wavy hair, wearing a white short-sleeve polo shirt and white pleated tennis skirt, holding a white tennis racket over her right shoulder, looking directly at camera, studio lighting, white background" }, "layout": { "top_header": { "host_info": { "name": "小鹿运动优选", "stats": "12.8万本场点赞", "button": "关注" }, "rank_tag": "带货榜第3名", "viewer_stats": "1.2万" }, "top_right": { "coupon": { "title": "直播间专属券", "value": "￥20 满199可用", "button": "领取" } }, "left_overlay": { "title": "夏日运动季", "subtitle": "活力开场", "bullet_points": { "count": 3, "items": ["透气速干", "弹力舒适", "运动百搭"] } }, "right_overlay": { "product_cards": { "count": 2, "card_1": { "status": "正在讲解", "image": "white polo shirt and skirt flat lay", "title": "运动POLO衫套装", "details": "白色·M码", "price": "￥129", "button": "去抢购" }, "card_2": { "status": "热卖 x 156", "image": "miniature of main model", "title": "运动POLO衫套装女", "details": "透气速干 显瘦百搭", "price": "￥129", "button": "抢" } } }, "bottom_left": { "chat_messages": { "count": 5, "description": "scrolling chat messages with usernames and comments" }, "purchase_alert": "用户_6789 等3人 正在去购买" }, "bottom_bar": { "input_field": "说点什么...", "icons": { "count": 5, "types": ["smile", "shopping cart", "heart", "gift", "more"] } } } }
Click a highlighted part to change it.
When to use it
Use when you need a mockup of a live-selling room for a sportswear listing, with your shop name and product on the cards.
How to get the best result
- Enter the shop name as a store handle; it sits in the header beside the follow button and like count, which are fixed.
- Write the product name and campaign lines in Chinese like the fixed UI strings, or the screen reads as two apps.
- The one price control fills both product cards, so pick a figure that suits the featured set and the second listing.
Watch-outs
- About twenty Chinese UI strings are fixed before your four; short text renders best, so keep the product name brief.
- The chat strip is described, not quoted, so its five messages come back as filler or garble; do not read them as copy.
- This is a mobile layout with no ratio stated; choose 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
- onlyhuman028