PicX Studio
yang fei

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.

Short-Video App Interface Mockup — AI image template example
GPT Image 2Free
ExampleShort-Video App Interface Mockup
Prompt
Settings
GPT Image 29:16
  • Prompt included
  • Model and format preset
  • Free template

The prompt behind this image

Copy the exact prompt behind Short-Video App Interface Mockup, or open it in the studio and make it yours.

Structured prompt · 35 fields
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"}
Main Content › 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
Ui Elements › Status Bar › Icons
signal bars, wifi, battery 78
Ui Elements › Top Navigation › Left Icon
hamburger menu
Ui Elements › Top Navigation › Tabs
直播, 同城, 关注, 推荐
Ui Elements › Top Navigation › Active Tab
推荐
Ui Elements › Top Navigation › Right Icon
search magnifying glass
Ui Elements › Floating Widget › Position
top left
Ui Elements › Floating Widget › Icon
red envelope with yellow circular progress bar
Ui Elements › Floating Widget › Text
点击激活
Ui Elements › Right Action Bar › Count
6
Ui Elements › Right Action Bar › Items › 0 › Icon
profile picture with red plus button
Ui Elements › Right Action Bar › Items › 1 › Icon
heart
Ui Elements › Right Action Bar › Items › 1 › Text
{argument name="like count" default="128.6万"}
Ui Elements › Right Action Bar › Items › 2 › Icon
speech bubble
Ui Elements › Right Action Bar › Items › 2 › Text
2.6万
Ui Elements › Right Action Bar › Items › 3 › Icon
star
Ui Elements › Right Action Bar › Items › 3 › Text
8.9万
Ui Elements › Right Action Bar › Items › 4 › Icon
share arrow
Ui Elements › Right Action Bar › Items › 4 › Text
3.7万
Ui Elements › Right Action Bar › Items › 5 › Icon
spinning record album
Ui Elements › Bottom Left Info › Username
{argument name="username" default="@旅行日记"}
Raw JSON
{
  "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"
  }
}

How to use Short-Video App Interface Mockup in 3 steps

  1. 1
    Upload ImagePNG, JPG or paste

    Add your photo

    Upload the photo the template builds on. The prompt, model and format are already set.

  2. 2
    …a portrait of your subject in softgolden-hour light, 85mm…

    Personalize

    Edit the subject and creative details for your destination.

  3. 3
    Generate

    Generate

    Press Generate — your image is created in PicX Studio, so you can compare it with the original and refine one variable at a time.

Make it yours

Short-Video App Interface Mockup works as-is. These are the safest ways to change it without losing the look.

  • Change one field

    Copy a single group, rewrite it, and generate again so you can see what that field is doing.

  • Keep the frame, change the subject

    Hold the composition and light of Short-Video App Interface Mockup, then swap wardrobe, props or the person for a new take.

Troubleshooting Short-Video App Interface Mockup
If the result…WhyFix
The result drifts from the previewToo many fields changed at once.Reuse Short-Video App Interface Mockup as-is first, then change one group — subject, light, or setting.
GPT Image 2 ignores part of the JSONSome models flatten or skip nested keys.Keep the same values and paste them as a short paragraph instead.

Short-Video App Interface Mockup questions

How do I use the Short-Video App Interface Mockup template?

Add your photo if the template asks for one, edit the prompt if you like — the template's model and format are already selected — and press Generate. Your version opens in PicX Studio.

Can I customize the Short-Video App Interface Mockup template?

Yes. You can change the subject, setting, lighting, mood, format, and available model controls before creating your image.

Is the Short-Video App Interface Mockup template free?

Opening and editing this template is free. Generating uses credits, shown on the Generate button when you are signed in.

Which AI model should I use?

Start with GPT Image 2, which is the model associated with this template. You can compare another compatible model for a different finish.

Looking for something else? Browse all templates.

Your photo, any look

Thousands of ready templates for every top image and video model, from one credit balance.

FREEClaim Free Image Generation