# GPT Image Hub prompt

## YouTube ダークモード デスクトップ UI モックアップ
- URL: https://www.gptimagehub.com/ja/library/youtube-dark-mode-desktop-ui-mockup
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14083
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fyoutube-dark-mode-desktop-ui-mockup
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: youtube, uiモックアップ, ダークモード, ウェブインターフェース, デスクトップデザイン, 動画配信
- Updated: 2026-10-26T21:37:33.098Z
- Created: 2026-10-26T21:37:33.098Z

サイドバーナビや動画サムネイルを備えたYouTubeダークモードのデスクトップ画面を生成します。角括弧内を変更してOSやURL、テーマを調整できます。

### Full prompt
```text
{
  "type": "デスクトップUIモックアップ",
  "application": "YouTube ホームページ",
  "theme": "[ダークモード]",
  "browser_window": {
    "url_bar": "[youtube.com]",
    "tabs": 1,
    "elements": ["戻る/進むボタン", "更新", "拡張機能", "プロフィールアイコン"]
  },
  "layout": {
    "sidebar": {
      "position": "左側",
      "sections": [
        { "title": "メイン", "count": 3, "items": ["ホーム", "ショート", "登録チャンネル"] },
        { "title": "ライブラリ", "count": 6, "items": ["チャンネル", "履歴", "再生リスト", "作成した動画", "後で見る", "高く評価した動画"] },
        { "title": "登録チャンネル", "count": 8, "items": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "さらに表示"] },
        { "title": "探索", "count": 7, "items": ["急上昇", "音楽", "映画", "ライブ", "ゲーム", "ニュース", "スポーツ"] },
        { "title": "YouTubeのその他", "count": 3, "items": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
      ]
    },
    "top_filter_bar": {
      "count": 11,
      "labels": ["すべて", "ゲーム", "音楽", "ライブ", "ポッドキャスト", "ミックス", "科学", "Lo-fi", "スリラー", "最近アップロードされた動画", "視聴済み"]
    },
    "video_grid": {
      "layout": "4行×3列",
      "count": 12,
      "videos": [
        { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "thumbnail": "赤い矢印が付いたGPUチップ" },
        { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "thumbnail": "背景に参加者がいる笑顔のMrBeast" },
        { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "thumbnail": "宇宙で小惑星に接近するミサイル" },
        { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "thumbnail": "ドバイのスカイラインの横に立つ男性と『$0 TO $10B』の文字" },
        { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "thumbnail": "黒背景に数式と螺旋グラフ" },
        { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "thumbnail": "緑豊かな森と『The World in 2040』の文字" },
        { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "thumbnail": "青い矢印で結ばれたノートPCとスマートフォン" },
        { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "thumbnail": "ブラックホールの輝くオレンジ色の降着円盤" },
        { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "thumbnail": "黒いシャツを着た男性と『the problem with diet advice』の文字" },
        { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "thumbnail": "色鮮やかな葉に囲まれ本を読む男性のフラットイラスト" },
        { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "thumbnail": "エリーの荒削りなポートレートとゲームロゴ" },
        { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "thumbnail": "夕暮れの街並みを望む机で勉強するアニメ調の少女" }
      ]
    }
  },
  "os_environment": {
    "os": "[Windows 10]",
    "taskbar_position": "下部",
    "visible_icons": ["スタート", "検索バー", "タスクビュー", "エクスプローラー", "Edge", "Spotify"],
    "system_tray": ["ネットワーク", "音量", "バッテリー", "08:34 03/04/2024 を示す時計"]
  }
}
```