Image2
画像プロンプトUIモックアップ

ライブコマース UI モックアップ プロンプト

ライブコマース UI モックアップ の無料GPT Image 2プロンプトを入手。全文、プレビュー、関連するUIモックアッププロンプトを確認できます。

Livestream commerce UI mockup with host portrait, chat messages, viewer stats, gifts, and product purchase card

プロンプト

1584 語
{
  "type": "ライブストリームUIモックアップ",
  "subject": {
    "description": "{argument name=\"host name\" default=\"Elon Musk\"}のポートレート、笑顔で、白い技術的な図面がプリントされた黒いTシャツを着ている",
    "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\"}'、サブテキスト'556k likes this stream'、赤い'Follow'ボタン",
      "rank_badge": "金のコインアイコンに'No.1 Site-wide'とラベル付けされている",
      "viewer_stats": "3つのトップビューワーのアバターとカウント'123k', '86k', '57k'、合計視聴者'687k'、'X'クローズボタン",
      "right_links": "'More streams >', 'Gift Hall 0/24'に青い'Classic'タグ"
    },
    "mid_left_gifts": {
      "count": 2,
      "items": [
        "アバター'TechFan'、'sent a Little Heart'、ハートアイコンx 1314",
        "アバター'SeaOfStars'、'sent a Rocket'、ロケットアイコンx 666"
      ]
    },
    "bottom_left_chat": {
      "system_message": "レベル37バッジ'CosmicWanderer joined the stream'",
      "message_count": 7,
      "messages": [
        "LittleRocket: Musk! The future is bright! 🚀",
        "future: When is Tesla Model 2 coming out?",
        "StarryDreamer: Will SpaceX reach Mars this year?",
        "AIExplorer: What's the latest on Neuralink?",
        "HandsomeNetizen: Hello Boss Ma!",
        "Mars: First time watching your stream, super excited!",
        "User123: 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=\"Tesla Cybertruck Electric Pickup\"}",
      "price": "{argument name=\"product price\" default=\"¥1,618,000\"}",
      "button": "赤い'Buy'ボタン",
      "floating_animation": "右端に沿って漂う半透明のハート"
    },
    "bottom_bar": {
      "input_field": "'Say something...'",
      "icons": ["スマイリーフェイス", "三点リーダー", "ショッピングカート", "ギフトボックス", "シェア"]
    }
  }
}

このプロンプトについて

ライブコマース UI モックアップ は Image 2 で GPT Image 2 にそのまま使えるUIモックアッププロンプトです。下の 1584 語をコピーして作成フォームに貼り付けると、上のプレビューに近い結果を生成できます。 商品広告, EC, SNS タグを調整すると、別の方向性にも展開できます。

出発点として使い、被写体、ライティング、構図を変えながら仕上げてください。そのまま使ってもリミックスしても、生成コストは同じです。

用途

UIモックアップ制作の起点に使いやすいプロンプト

ライブコマース UI モックアップ に近い UIモックアップ の画像を作りたいときは、この GPT Image 2 プロンプトから始めるとスムーズです。画面の方向性と構成はすでに整っているので、被写体、商品、色、シーンの細部だけを自分の内容に差し替えられます。

まず調整しやすいところ

  • 被写体 人物、商品、場所、オブジェクトを自分の内容に差し替え、構図はそのまま活かします。
  • 雰囲気 ライティング、配色、カメラ角度、質感をブランドや用途に合わせます。
  • 仕上がり 生成前にアスペクト比、背景、文字、レイアウト指定を整えます。

近いテーマのプロンプトを探す

スタイル、用途、テーマが近い GPT Image 2 プロンプトを続けて確認できます。

使い方

  1. ステップ 1

    プロンプトをコピー

    上のコピー ボタンで全文を取得します。

  2. ステップ 2

    Image 2 Create を開く

    作成フォームに移動して貼り付けます。

  3. ステップ 3

    生成する

    Generate を押すと、数秒であなたのバージョンが完成します。

自分用に調整

ワンクリックで作成フォームに読み込み、すぐに調整を始められます。

関連するUIモックアッププロンプト

すべて見る