نموذج واجهة مستخدم للبث المباشر للتجارة الإلكترونية

{
  "type": "live stream UI mockup",
  "subject": {
    "description": "صورة شخصية لـ {argument name=\"host name\" default=\"Elon Musk\"}، يبتسم، مرتديًا قميصًا أسود برسم تخطيطي تقني أبيض",
    "background": "الجانب الأيسر يعرض شاشة بها نص '{argument name=\"left background logo\" default=\"SPACEX\"}'، والجانب الأيمن يعرض شعار أحمر '{argument name=\"right background logo\" default=\"Tesla T logo\"}' وسيارة داكنة"
  },
  "ui_overlay": {
    "top_header": {
      "host_info": "صورة رمزية، الاسم '{argument name=\"host name\" default=\"Elon Musk\"}'، نص فرعي '556,000 likes'، زر 'Follow' أحمر",
      "rank_badge": "أيقونة عملة ذهبية مع 'No. 1 on the site'",
      "viewer_stats": "3 صور رمزية لأهم المشاهدين مع '12.3w' و '8.6w' و '5.7w'، الإجمالي '687,000'، زر إغلاق 'X'",
      "right_links": "'More live broadcast >'، 'Gift Exhibition Hall 0/24' مع شارة 'Classic' زرقاء"
    },
    "mid_left_gifts": {
      "count": 2,
      "items": [
        "صورة رمزية 'technology enthusiast'، 'send a little heart'، أيقونة قلب x 1314",
        "صورة رمزية 'starry sea'، 'send rocket'، أيقونة صاروخ x 666"
      ]
    },
    "bottom_left_chat": {
      "system_message": "شارة المستوى 37 'Space Wanderer joined the live broadcast room'",
      "message_count": 7,
      "messages": [
        "Little Rocket: Musk! The future is promising! 🚀",
        "future: When will Tesla Model 2 be released?",
        "Star Dreamers: Can SpaceX go to Mars this year?",
        "AI Explorer: How is the progress of Neuralink?",
        "Handsome netizen: Hello Mr. Ma!",
        "Mars: It's my first time to come to your live broadcast, so excited!",
        "User 123: Let’s talk about AI. Will it replace humans?"
      ]
    },
    "bottom_right_product_card": {
      "hot_tag": "برتقالي 'hot sale x 1888'",
      "image": "Tesla Cybertruck",
      "title": "{argument name=\"product name\" default=\"特斯拉Cybertruck 电动皮卡\"}",
      "price": "{argument name=\"product price\" default=\"¥ 1,618,000\"}",
      "button": "زر أحمر 'grab'",
      "floating_animation": "قلوب شبه شفافة تطفو على طول الحافة اليمنى"
    },
    "bottom_bar": {
      "input_field": "'Say something...'",
      "icons": [
        "وجه مبتسم",
        "ثلاث نقاط",
        "عربة تسوق",
        "صندوق هدايا",
        "مشاركة"
      ]
    }
  }
}