Video Streaming Platform Homepage UI

原始文档

GPT Image 2 · en

{
  "type": "Web browser UI model",
  "platform": "{argument name=\"platform name\" default=\"YouTube\"}",
  "browser_window": {
    "style": "macOS Light Mode",
    "tab": "YouTube",
    "url_bar": "youtube.com"
  },
  "layout": {
    "header": {
      "components": [
        "Hamburger menu",
        "Platform Logo",
        "Search bar",
        "Create video icon",
        "Notification bell",
        "User Avatar"
      ]
    },
    "sidebar": {
      "position": "Left side",
      "item_count": 11,
      "sections": [
        {
          "name": "main",
          "items": [
            "front page",
            "Shorts",
            "subscription",
            "Original content",
            "YouTube Music"
          ]
        },
        {
          "name": "explore",
          "items": [
            "Popular",
            "Shopping",
            "music",
            "Movie",
            "live streaming",
            "game"
          ]
        }
      ]
    },
    "main_content": {
      "category_tags": {
        "count": 10,
        "labels": [
          "all",
          "game",
          "music",
          "live streaming",
          "podcast",
          "AI",
          "car",
          "compilation",
          "news",
          "Recent Uploads"
        ]
      },
      "video_grid": {
        "card_count": 5,
        "cards": [
          {
            "position": "Top left",
            "size": "big",
            "thumbnail_description": "Sam Altman and Greg Brockman sat on stage next to a standing humanoid robot with the words 'OpenAI Introducing Our Humanoid Robot' overlaid on it and a LIVE badge.",
            "video_title": "{argument name=\"featured live stream title\" default=\"Introducing Our Humanoid Robot\"}",
            "channel_name": "{argument name=\"featured live stream channel\" default=\"OpenAI\"}",
            "metadata": "482,000 people are watching."
          },
          {
            "position": "Top right",
            "size": "big",
            "thumbnail_description": "On the left is a surprised man's face; on the right is a huge mansion hidden in the forest, accompanied by an explosion effect, with bold yellow text covering it.{argument name=\"top right thumbnail text\" default=\"TOTAL SECRECY\"} '",
            "video_title": "{argument name=\"top right video title\" default=\"I Bought 100 Million Dollar Secret House!\"}",
            "channel_name": "MrBeast",
            "metadata": "4.1 million views, 19 hours ago, duration 20:49"
          },
          {
            "position": "Bottom left",
            "size": "Small",
            "thumbnail_description": "Steve Carell is holding a laptop displaying scenes from \"The Office\".",
            "video_title": "In-depth analysis of Steve Carell's most iconic roles | GQ",
            "channel_name": "GQ",
            "metadata": "987,000 views, 2 days ago, duration 17:46"
          },
          {
            "position": "Middle to lower",
            "size": "Small",
            "thumbnail_description": "A man observes sailboats on the sea through binoculars at sunset.",
            "video_title": "Black Sails Is Beautiful!",
            "channel_name": "Savage Books",
            "metadata": "606,000 views, 2 days ago, duration 17:46"
          },
          {
            "position": "Bottom right",
            "size": "Small",
            "thumbnail_description": "A terrifying masked killer character from a video game, with the text 'DEAD OF DAYLIGHT' overlaid.",
            "video_title": "Playing As The Seekers In Dead By Daylight",
            "channel_name": "Unknown",
            "metadata": "806,000 views, 1 day ago, duration 28:39"
          }
        ]
      }
    }
  }
}

使用方法

1. 复制完整原始提示词，并保留其中的参数。
2. 按需求替换主体、文字和构图要求。
3. 在兼容的外部工具中使用，核对当前使用条件并检查结果。

开始前需了解

• 先确认是否需要参考图。标注兼容模型，不代表该示例由这个模型生成。
• 核对名称、数字与画面文字；不同模型版本的结果可能不同。