PicX Studio

Short-Video App UI Mockup

Generates a realistic mobile short-video app interface overlaying a customizable scenic background image.

Short-Video App UI Mockup — AI image template example
GPT Image 2Free
ExampleShort-Video App UI 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 UI Mockup, or open it in the studio and make it yours.

Structured prompt · 30 fields
Type
mobile short-video app interface mockup
Background Image
{argument name="landscape subject" default="majestic snow-capped mountain peak illuminated by golden hour sunlight with a winding river in a lush green valley"}
Layout › Top Status Bar › Time
9:41
Layout › Top Status Bar › Icons
cellular signal, wifi, battery
Layout › Top Navigation › Left Icon
hamburger menu
Layout › Top Navigation › Right Icon
search magnifying glass
Layout › Top Navigation › Center Labels
经验, 同城, 关注, 商城, {argument name="active tab" default="推荐"}
Layout › Right Interaction Bar › Count
6
Layout › Right Interaction Bar › Items › 0 › Icon
profile picture with red plus button
Layout › Right Interaction Bar › Items › 1 › Icon
heart
Layout › Right Interaction Bar › Items › 1 › Label
{argument name="like count" default="360.8万"}
Layout › Right Interaction Bar › Items › 2 › Icon
speech bubble
Layout › Right Interaction Bar › Items › 2 › Label
16.6万
Layout › Right Interaction Bar › Items › 3 › Icon
star
Layout › Right Interaction Bar › Items › 3 › Label
38.0万
Layout › Right Interaction Bar › Items › 4 › Icon
share arrow
Layout › Right Interaction Bar › Items › 4 › Label
164.5万
Layout › Right Interaction Bar › Items › 5 › Icon
spinning music record
Layout › Bottom Left Info › Username
{argument name="username" default="@摄影师-青锋"}
Layout › Bottom Left Info › Caption
{argument name="video caption" default="川西真的美成了仙境,一定要和心爱的人去一次川西!#川西 #旅行 #雪山 #... 展开"}
Layout › Bottom Left Info › Music Ticker
去汽水听 > 风吹又日晒 (DJ版) - 张
Layout › Bottom Navigation › Count
5
Layout › Bottom Navigation › Items › 0 › Label
首页
Layout › Bottom Navigation › Items › 1 › Label
朋友
Raw JSON
{
  "type": "mobile short-video app interface mockup",
  "background_image": "{argument name=\"landscape subject\" default=\"majestic snow-capped mountain peak illuminated by golden hour sunlight with a winding river in a lush green valley\"}",
  "layout": {
    "top_status_bar": {
      "time": "9:41",
      "icons": ["cellular signal", "wifi", "battery"]
    },
    "top_navigation": {
      "left_icon": "hamburger menu",
      "right_icon": "search magnifying glass",
      "center_labels": ["经验", "同城", "关注", "商城", "{argument name=\"active tab\" default=\"推荐\"}"]
    },
    "right_interaction_bar": {
      "count": 6,
      "items": [
        {"icon": "profile picture with red plus button"},
        {"icon": "heart", "label": "{argument name=\"like count\" default=\"360.8万\"}"},
        {"icon": "speech bubble", "label": "16.6万"},
        {"icon": "star", "label": "38.0万"},
        {"icon": "share arrow", "label": "164.5万"},
        {"icon": "spinning music record"}
      ]
    },
    "bottom_left_info": {
      "username": "{argument name=\"username\" default=\"@摄影师-青锋\"}",
      "caption": "{argument name=\"video caption\" default=\"川西真的美成了仙境,一定要和心爱的人去一次川西!#川西 #旅行 #雪山 #... 展开\"}",
      "music_ticker": "去汽水听 > 风吹又日晒 (DJ版) - 张"
    },
    "bottom_navigation": {
      "count": 5,
      "items": [
        {"label": "首页"},
        {"label": "朋友", "badge": "24"},
        {"icon": "square plus button"},
        {"label": "消息", "badge": "4"},
        {"label": "我"}
      ],
      "home_indicator": "horizontal line at bottom"
    }
  }
}

How to use Short-Video App UI 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 UI Mockup works as-is. These are the safest ways to change it without losing the look.

  • Swap the setting

    Keep the rest of the prompt and replace the location block. The current setting is “{argument name="landscape subject" default="majestic snow-capped mountain peak i”.

  • 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 UI Mockup, then swap wardrobe, props or the person for a new take.

Troubleshooting Short-Video App UI Mockup
If the result…WhyFix
The result drifts from the previewToo many fields changed at once.Reuse Short-Video App UI 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 UI Mockup questions

How do I use the Short-Video App UI 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 UI 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 UI 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