视频串流平台首页UI

Generates a detailed mockup of a video streaming website homepage, featuring a sidebar, category tags, and a grid of video thumbnails with titles and metadata.

{
  "type": "网页浏览器用户接口模型",
  "platform": "{argument name="platform name" default="YouTube"}",
  "browser_window": {
    "style": "macOS 浅色模式",
    "tab": "YouTube",
    "url_bar": "youtube.com"
  },
  "layout": {
    "header": {
      "components": ["汉堡菜单", "平台标志", "搜索列", "创建视频图标", "通知铃铛", "用户个人头像"]
    },
    "sidebar": {
      "position": "left",
      "item_count": 11,
      "sections": [
        {
          "name": "主要",
          "items": ["首页", "短片", "订阅", "原创", "YouTube 音乐"]
        },
        {
          "name": "探索",
          "items": ["热门", "购物", "音乐", "电影", "直播", "游戏"]
        }
      ]
    },
    "main_content": {
      "category_tags": {
        "count": 10,
        "labels": ["全部", "游戏", "音乐", "直播", "Podcasts", "AI", "汽车", "混音", "新闻", "最近上传"]
      },
      "video_grid": {
        "card_count": 5,
        "cards": [
          {
            "position": "top left",
            "size": "large",
            "thumbnail_description": "Sam Altman 和 Greg Brockman 坐在舞台上，旁边站着一个人形机器人，文本叠加显示 'OpenAI 引言我们的人形机器人'，LIVE 徽章",
            "video_title": "{argument name="featured live stream title" default="引言我们的人形机器人"}",
            "channel_name": "{argument name="featured live stream channel" default="OpenAI"}",
            "metadata": "482K 人正在观看"
          },
          {
            "position": "top right",
            "size": "large",
            "thumbnail_description": "左侧是惊讶的男人脸部，右侧是隐藏在森林中的大豪宅并有爆炸，粗体黄色文本叠加显示 '{argument name="top right thumbnail text" default="完全保密"}'",
            "video_title": "{argument name="top right video title" default="我买了 1 亿美元的秘密房子！"}",
            "channel_name": "MrBeast",
            "metadata": "4.1M 次观看，19 小时前，时长 20:49"
          },
          {
            "position": "bottom left",
            "size": "small",
            "thumbnail_description": "Steve Carell 拿着笔记型电脑，屏幕显示办公室场景",
            "video_title": "Steve Carell 分析他最标志性的角色 | GQ",
            "channel_name": "GQ",
            "metadata": "987K 次观看，2 天前，时长 17:46"
          },
          {
            "position": "bottom middle",
            "size": "small",
            "thumbnail_description": "男人通过望远镜观看海上的帆船，背景是日落",
            "video_title": "黑帆很美！",
            "channel_name": "Savage Books",
            "metadata": "606K 次观看，2 天前，时长 17:46"
          },
          {
            "position": "bottom right",
            "size": "small",
            "thumbnail_description": "恐怖蒙面杀手角色来自电子游戏，文本叠加显示 'DEAD OF DAYLIGHT'",
            "video_title": "在 Dead by Daylight 中扮演搜索者",
            "channel_name": "Unknown",
            "metadata": "806K 次观看，1 天前，时长 28:39"
          }
        ]
      }
    }
  }
}

机器翻译 — 实际生成作品的是原文提示词。

✨ 生成 收藏 复制提示词 分享 原始帖子 在 Hitboard 打开