imageFree

Short-Video App Interface Mockup

Generates a realistic screenshot of a mobile short-video application featuring a scenic travel video and standard social media UI overlays. (free to use) — Free AI image template on PicX Studio.

gpt-image-2

Sample Prompt

{ "type": "mobile short-video app interface screenshot", "main_content": { "scene": "{argument name=\"scenic background\" default=\"turquoise alpine lake, green pine forests, jagged snow-capped mountains, blue sky with fluffy white clouds\"}", "subject": "{argument name=\"main subject\" default=\"woman with long dark hair wearing a black baseball cap backwards and a white shirt, leaning on a wooden fence looking at the view\"}" }, "ui_elements": { "status_bar": { "time": "14:53", "icons": ["signal bars", "wifi", "battery 78"] }, "top_navigation": { "left_icon": "hamburger menu", "tabs": ["直播", "同城", "关注", "推荐"], "active_tab": "推荐", "right_icon": "search magnifying glass" }, "floating_widget": { "position": "top left", "icon": "red envelope with yellow circular progress bar", "text": "点击激活" }, "right_action_bar": { "count": 6, "items": [ {"icon": "profile picture with red plus button"}, {"icon": "heart", "text": "{argument name=\"like count\" default=\"128.6万\"}"}, {"icon": "speech bubble", "text": "2.6万"}, {"icon": "star", "text": "8.9万"}, {"icon": "share arrow", "text": "3.7万"}, {"icon": "spinning record album"} ] }, "bottom_left_info": { "username": "{argument name=\"username\" default=\"@旅行日记\"}", "caption": "{argument name=\"video caption\" default=\"总要去一次川西吧！蓝天白云、雪山湖泊、森林草甸，治愈所有不开心～ #川西美景 #旅行推荐官\"}", "search_prompt": "相关搜索 · 川西旅游攻略" }, "bottom_navigation": { "count": 5, "tabs": [ {"label": "首页"}, {"label": "朋友", "badge": "2"}, {"label": "plus button in rounded rectangle"}, {"label": "消息", "badge": "5"}, {"label": "我"} ] }, "system_ui": "iOS home indicator line at the bottom" } }

A practical guide to Short-Video App Interface Mockup

Use Short-Video App Interface Mockup to plan an AI image around gpt-image-2 generation, themes such as en and gpt-image-2. Match the preview's composition first, then personalize the subject, setting, and mood for your own project.

Model direction: start with gpt-image-2, the model this template was tuned for, before comparing another model.
Composition: choose an aspect ratio for the final placement before you generate the image.
Creative direction: use en, gpt-image-2, twitter as the main visual anchors and change one variable at a time.