ai21.net
言語

ライブ配信UIデザイン図

人物のポートレートに重ねる、リアルなSNSライブ配信UIを生成し、カスタマイズ可能なチャットメッセージ、ギフトのポップアップ、商品購入カードを含める。

アプリ／Webデザイン動画サムネイルECメイン画像製品
ライブ配信UIデザイン図 — 1

プロンプト

{
  "type": "live stream UI mockup",
  "subject": {
    "description": "portrait of {argument name=\"host name\" default=\"Elon Musk\"}, smiling, dressed in a black t-shirt featuring a white technical schematic print",
    "background": "left side displays a screen showing '{argument name=\"left background logo\" default=\"SPACEX\"}' text, right side shows a red '{argument name=\"right background logo\" default=\"Tesla T logo\"}' and a dark-colored car"
  },
  "ui_overlay": {
    "top_header": {
      "host_info": "avatar, host name '{argument name=\"host name\" default=\"Elon Musk\"}', subtext '556k likes this stream', red 'Follow' button",
      "rank_badge": "gold coin icon labeled 'No.1 Site-wide'",
      "viewer_stats": "3 top viewer avatars with counts '123k', '86k', '57k', total viewers '687k', 'X' close button",
      "right_links": "'More streams >', 'Gift Hall 0/24' with blue 'Classic' tag"
    },
    "mid_left_gifts": {
      "count": 2,
      "items": [
        "avatar 'TechFan', 'sent a Little Heart', heart icon x 1314",
        "avatar 'SeaOfStars', 'sent a Rocket', rocket icon x 666"
      ]
    },
    "bottom_left_chat": {
      "system_message": "level 37 badge '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": "orange '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": "red 'Buy' button",
      "floating_animation": "translucent hearts drifting up along the right edge"
    },
    "bottom_bar": {
      "input_field": "'Say something...'",
      "icons": ["smiley face", "three dots", "shopping cart", "gift box", "share"]
    }
  }
}

日本語訳

{
  "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いいね'、赤い「フォロー」ボタン",
      "rank_badge": "金貨アイコンに 'サイト全体 No.1' のラベル",
      "viewer_stats": "上位視聴者のアバター3つとカウント '123k'、'86k'、'57k'、総視聴者数 '687k'、'X' 閉じるボタン",
      "right_links": "'配信をもっと見る >'、青い「クラシック」タグ付きの 'ギフトホール 0/24'"
    },
    "mid_left_gifts": {
      "count": 2,
      "items": [
        "アバター 'TechFan'、'小さなハートを送りました'、ハートアイコン x 1314",
        "アバター 'SeaOfStars'、'ロケットを送りました'、ロケットアイコン x 666"
      ]
    },
    "bottom_left_chat": {
      "system_message": "レベル37バッジ 'CosmicWanderer が配信に参加しました'",
      "message_count": 7,
      "messages": [
        "LittleRocket: Musk！未来は明るい！🚀",
        "future: Tesla Model 2 はいつ発売？",
        "StarryDreamer: SpaceX は今年火星に到達する？",
        "AIExplorer: Neuralink の最新情報は？",
        "HandsomeNetizen: 馬社長、こんにちは！",
        "Mars: 初めて配信を見ます、超ワクワク！",
        "User123: AI について話そう——人間を置き換える？"
      ]
    },
    "bottom_right_product_card": {
      "hot_tag": "オレンジ色の '激売れ x 1888'",
      "image": "Tesla Cybertruck",
      "title": "{argument name=\"product name\" default=\"Tesla Cybertruck 電動ピックアップ\"}",
      "price": "{argument name=\"product price\" default=\"¥1,618,000\"}",
      "button": "赤い「購入」ボタン",
      "floating_animation": "右端に沿って浮かび上がる半透明のハート"
    },
    "bottom_bar": {
      "input_field": "'何か話しましょう...'",
      "icons": ["スマイリーフェイス", "三点リーダー", "ショッピングカート", "ギフトボックス", "シェア"]
    }
  }
}

テンプレート変数

置換可能なパラメータを含みます。角括弧内は既定値です

host name = Elon Muskleft background logo = SPACEXright background logo = Tesla T logoproduct name = Tesla Cybertruck Electric Pickupproduct price = ¥1,618,000product name = 特斯拉Cybertruck 电动皮卡product price = ¥ 1,618,000

出典

原作者
sjbbxhz
公開日
2026-04-19
原典
元の投稿を見る ↗
収録元
EvoLinkAI/awesome-gpt-image-2-API-and-Prompts · 2045684734714380687 · CC0-1.0
EvoLinkAI/awesome-gpt-image-2-API-and-Prompts · 2069090579355668501 · CC0-1.0
この項目は 4 件の出典を統合・重複排除して作られました