ai21.net
言語

ライブ配信UIデザイン図

ライブ配信UIデザイン図 — 1

プロンプト

{
  "type": "e-commerce livestream screenshot mockup",
  "scene": {
    "subject": "{argument name=\"main subject\" default=\"Caucasian male resembling Sam Altman\"}",
    "clothing": "dark green crewneck sweater",
    "action": "holding a black product box in one hand and pointing at it with the other",
    "setting": "dark studio with a microphone on the left, faint 'AI' text in the background",
    "props": [
      "black mug with white OpenAI logo",
      "stack of 4 black product boxes on the right"
    ]
  },
  "product_design": {
    "box_color": "black",
    "logo": "orange asterisk or sunburst",
    "text": "{argument name=\"product name\" default=\"Claude Opus 4.7\"}"
  },
  "ui_overlays": {
    "top_left_product_info": {
      "brand_tag": "Anthropic 官方旗舰店",
      "title": "{argument name=\"product name\" default=\"Claude Opus 4.7\"}",
      "subtitle": "{argument name=\"main headline\" default=\"更强推理·更高智能\"}",
      "sub_subtitle": "最强大模型: Opus 4.7 重磅发布!",
      "bullet_points_count": 3,
      "bullet_points": ["超强推理能力", "代码能力巅峰", "复杂任务轻松搞定"]
    },
    "top_right_live_status": {
      "viewer_info": "直播中 | 52.8万人观看",
      "promo_banner": "直播专属福利 限时折扣·错过不再有",
      "countdown": "倒计时 00:09:47"
    },
    "middle_right_price_card": {
      "header": "{argument name=\"product name\" default=\"Claude Opus 4.7\"} 直播间专享价",
      "price_currency": "¥",
      "price_value": "{argument name=\"promotional price\" default=\"0.47\"}",
      "price_unit": "/百万tokens起",
      "original_price": "原价: ¥1.89",
      "button": "立即抢购"
    },
    "bottom_left_chat": {
      "message_count": 9,
      "input_box_placeholder": "说点什么..."
    },
    "bottom_right_banner": {
      "headline": "奥特曼首推!认准Claude Opus 4.7",
      "subheadline": "更智能 · 更安全 · 更可靠",
      "feature_tags_count": 4,
      "feature_tags": ["强大推理", "代码神器", "安全可靠", "极速响应"]
    },
    "floating_elements": [
      {
        "type": "sticker",
        "position": "middle right over product boxes",
        "text": "{argument name=\"sticker text\" default=\"史上最强 AI模型!\"}"
      }
    ]
  }
}

日本語訳

{
  "type": "Eコマースライブ配信のスクリーンショットモックアップ",
  "scene": {
    "subject": "{argument name=\"main subject\" default=\"Sam Altman に似た白人男性\"}",
    "clothing": "ダークグリーンのクルーネックセーター",
    "action": "片手に黒い商品ボックスを持ち、もう片方の手でそれを指さしている",
    "setting": "左側にマイクがある暗いスタジオ、背景に薄い「AI」の文字",
    "props": [
      "白いOpenAIロゴ入りの黒いマグカップ",
      "右側に積まれた4つの黒い商品ボックス"
    ]
  },
  "product_design": {
    "box_color": "黒",
    "logo": "オレンジ色のアスタリスクまたはサンバースト",
    "text": "{argument name=\"product name\" default=\"Claude Opus 4.7\"}"
  },
  "ui_overlays": {
    "top_left_product_info": {
      "brand_tag": "Anthropic 公式旗艦店",
      "title": "{argument name=\"product name\" default=\"Claude Opus 4.7\"}",
      "subtitle": "{argument name=\"main headline\" default=\"より強力な推論・より高い知能\"}",
      "sub_subtitle": "最強モデル: Opus 4.7 が堂々リリース!",
      "bullet_points_count": 3,
      "bullet_points": [
        "超強力な推論能力",
        "コード能力の頂点",
        "複雑なタスクも楽々"
      ]
    },
    "top_right_live_status": {
      "viewer_info": "ライブ配信中 | 52.8万人が視聴",
      "promo_banner": "ライブ配信限定特典 期間限定割引・お見逃しなく",
      "countdown": "カウントダウン 00:09:47"
    },
    "middle_right_price_card": {
      "header": "{argument name=\"product name\" default=\"Claude Opus 4.7\"} ライブ配信限定価格",
      "price_currency": "¥",
      "price_value": "{argument name=\"promotional price\" default=\"0.47\"}",
      "price_unit": "/100万tokens〜",
      "original_price": "通常価格: ¥1.89",
      "button": "今すぐ購入"
    },
    "bottom_left_chat": {
      "message_count": 9,
      "input_box_placeholder": "コメントを入力..."
    },
    "bottom_right_banner": {
      "headline": "アルトマンも大推薦!Claude Opus 4.7 を選ぼう",
      "subheadline": "よりスマートに · より安全に · より信頼できる",
      "feature_tags_count": 4,
      "feature_tags": [
        "強力な推論",
        "コードの神器",
        "安全で信頼性",
        "超高速レスポンス"
      ]
    },
    "floating_elements": [
      {
        "type": "ステッカー",
        "position": "商品ボックスの上、右中央",
        "text": "{argument name=\"sticker text\" default=\"史上最強のAIモデル!\"}"
      }
    ]
  }
}

テンプレート変数

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

main subject = Caucasian male resembling Sam Altmanproduct name = Claude Opus 4.7main headline = 更强推理·更高智能promotional price = 0.47sticker text = 史上最强 AI模型!

出典

原作者
coder_left
原典
元の投稿を見る ↗
収録元