E-commerce Live Stream UI Mockup

Original document

GPT Image 2 · en

{
  "type": "Live Streaming UI Mockup",
  "subject": {
    "description": "{argument name=\"host name\" default=\"Elon Musk\"} The portrait shows a smiling face, wearing a black T-shirt with a white technical illustration printed on it.",
    "background": "The left side displays with '{argument name=\"left background logo\" default=\"SPACEX\"} The text on the screen is displayed in red on the right.{argument name=\"right background logo\" default=\"Tesla T logo\"} 'and a dark-colored car"
  },
  "ui_overlay": {
    "top_header": {
      "host_info": "Avatar, Name{argument name=\"host name\" default=\"Elon Musk\"} The subtitle reads \"556,000 Likes for This Match,\" and the red \"Follow\" button is also included.",
      "rank_badge": "A gold coin icon with \"Number 1 in the entire site\"",
      "viewer_stats": "Three viewer avatars are displayed at the top, showing '123,000', '86,000', and '57,000', totaling '687,000', with an 'X' button for closing.",
      "right_links": "More live streams >, Gift Hall 0/24 (with blue 'Classic' tag)"
    },
    "mid_left_gifts": {
      "count": 2,
      "items": [
        "Profile picture: 'Tech enthusiast', 'Sending little hearts', 1314 heart icons",
        "Profile picture 'Starry Sky and Sea', 'Send Rocket', Rocket icon x 666"
      ]
    },
    "bottom_left_chat": {
      "system_message": "Level 37 Medal 'Cosmic Wanderer Joins the Livestream'",
      "message_count": 7,
      "messages": [
        "Little Rocket: Musk! The future is bright! 🚀",
        "Future: When will the Tesla Model 2 be released?",
        "Starry Dreamer: Will SpaceX be able to go to Mars this year?",
        "AI Explorer: What's the progress of Neuralink?",
        "Handsome netizen: Hello Mr. Ma!",
        "Mars: This is my first time watching your live stream, I'm so excited!",
        "User 123: Talk about AI. Will it replace humans?"
      ]
    },
    "bottom_right_product_card": {
      "hot_tag": "Orange 'Hot Selling x 1888'",
      "image": "Tesla Cybertruck",
      "title": "{argument name=\"product name\" default=\"Tesla Cybertruck electric pickup truck\"}",
      "price": "{argument name=\"product price\" default=\"¥ 1,618,000\"}",
      "button": "Red 'Grab' button",
      "floating_animation": "The translucent heart floats upwards along its right edge."
    },
    "bottom_bar": {
      "input_field": "'Say something...'",
      "icons": [
        "smiley face",
        "Three points",
        "shopping cart",
        "gift box",
        "share"
      ]
    }
  }
}

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.