Live-Streaming App Interface Mockup

Original document

GPT Image 2 · en

{
  "type": "Mobile live streaming app interface model",
  "subject": {
    "description": "A young Asian woman with long black hair smiles at the camera.",
    "outfit": "{argument name=\"broadcaster outfit\" default=\"White V-neck cardigan\"}",
    "background": "A cozy room, warm-toned lighting, pink flowers, and pink plush toys."
  },
  "layout": {
    "top_bar": {
      "time": "20:32",
      "broadcaster": {
        "name": "{argument name=\"broadcaster name\" default=\"Little deer 🦌\"}",
        "stats": "128,000 likes for this match"
      },
      "action_button": "focus on",
      "viewers": {
        "avatar_count": 3,
        "total": "{argument name=\"viewer count\" default=\"12,000\"}"
      },
      "close_button": "X"
    },
    "floating_widgets": [
      "23rd on the hourly ranking",
      "More live streams >",
      "Gift Pavilion 4/24"
    ],
    "chat_area": {
      "message_count": 4,
      "gift_alert": "Go duck! Sending 1 popularity vote",
      "messages": [
        "I don't eat cilantro:{argument name=\"chat message 1\" default=\"The streamer sings so well!\"}",
        "Little nobody: Here I come!",
        "Evening Breeze: Where is the host from?",
        "Sunny Day: Followed the streamer"
      ]
    },
    "bottom_bar": {
      "input_placeholder": "{argument name=\"input placeholder\" default=\"Say something...\"}",
      "icon_count": 5,
      "icons": [
        "smiley face",
        "Link symbol",
        "Heart-shaped with a halo",
        "gift box",
        "Three points"
      ]
    },
    "overlay_effects": "There are 6 colorful heart-shaped vertical floating effects in the bottom right corner."
  }
}

How to use

1. Copy the complete original prompt, including any parameters.
2. Replace the subject, text and composition with your own requirements.
3. Use a compatible external tool; check its current access conditions and review the result.

Before you start

• Check whether a reference image is required. A compatible model label does not mean this example was generated with that model.
• Keep names, figures and visible text accurate; results can vary between model versions.