Video Streaming Platform Homepage 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": "WebブラウザUIモックアップ",
  "platform": "{argument name=\"platform name\" default=\"YouTube\"}",
  "browser_window": {
    "style": "macOSライトモード",
    "tab": "YouTube",
    "url_bar": "youtube.com"
  },
  "layout": {
    "header": {
      "components": ["ハンバーガーメニュー", "プラットフォームロゴ", "検索バー", "ビデオ作成アイコン", "通知ベル", "ユーザープロフィールアバター"]
    },
    "sidebar": {
      "position": "左",
      "item_count": 11,
      "sections": [
        {
          "name": "メイン",
          "items": ["ホーム", "ショート", "サブスクリプション", "オリジナル", "YouTubeミュージック"]
        },
        {
          "name": "探索",
          "items": ["トレンド", "ショッピング", "ミュージック", "映画", "ライブ", "ゲーム"]
        }
      ]
    },
    "main_content": {
      "category_tags": {
        "count": 10,
        "labels": ["すべて", "ゲーム", "ミュージック", "ライブ", "ポッドキャスト", "AI", "カー", "ミックス", "ニュース", "最近アップロードされた"]
      },
      "video_grid": {
        "card_count": 5,
        "cards": [
          {
            "position": "左上",
            "size": "大きい",
            "thumbnail_description": "Sam AltmanとGreg Brockmanがステージに座り、立っているヒューマノイドロボットの隣に、テキストオーバーレイ 'OpenAI Introducing Our Humanoid Robot'、LIVEバッジ",
            "video_title": "{argument name=\"featured live stream title\" default=\"Introducing Our Humanoid Robot\"}",
            "channel_name": "{argument name=\"featured live stream channel\" default=\"OpenAI\"}",
            "metadata": "482K現在視聴中"
          },
          {
            "position": "右上",
            "size": "大きい",
            "thumbnail_description": "左に驚いた男性の顔、右に森に隠された大きな邸宅で爆発、太字黄色テキストオーバーレイ '{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.1M Views, 19時間前, 20:49 duration"
          },
          {
            "position": "左下",
            "size": "小さい",
            "thumbnail_description": "Steve CarellがThe Officeのシーンを表示するラップトップを保持",
            "video_title": "Steve Carell Breaks Down His Most Iconic Characters | GQ",
            "channel_name": "GQ",
            "metadata": "987K Views, 2日前, 17:46 duration"
          },
          {
            "position": "下中央",
            "size": "小さい",
            "thumbnail_description": "夕暮れの海の帆船をスパイグラスで見る男性",
            "video_title": "Black Sails Is Beautiful!",
            "channel_name": "Savage Books",
            "metadata": "606K Views, 2日前, 17:46 duration"
          },
          {
            "position": "右下",
            "size": "小さい",
            "thumbnail_description": "ビデオゲームの不気味なマスクをしたキラーチャラクター、テキストオーバーレイ 'DEAD OF DAYLIGHT'",
            "video_title": "Playing As The Seekers In Dead By Daylight",
            "channel_name": "Unknown",
            "metadata": "806K Views, 1日前, 28:39 duration"
          }
        ]
      }
    }
  }
}

機械翻訳 — この作品を生成したのは元のプロンプトです。

✨ 生成 保存 プロンプトをコピー 共有 元の投稿 Hitboard で開く