影片串流平台首頁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.
Prompt
{
"type": "網頁瀏覽器使用者介面模型",
"platform": "{argument name="platform name" default="YouTube"}",
"browser_window": {
"style": "macOS 淺色模式",
"tab": "YouTube",
"url_bar": "youtube.com"
},
"layout": {
"header": {
"components": ["漢堡選單", "平台標誌", "搜尋列", "建立影片圖示", "通知鈴鐺", "使用者個人頭像"]
},
"sidebar": {
"position": "left",
"item_count": 11,
"sections": [
{
"name": "主要",
"items": ["首頁", "短片", "訂閱", "原創", "YouTube 音樂"]
},
{
"name": "探索",
"items": ["熱門", "購物", "音樂", "電影", "直播", "遊戲"]
}
]
},
"main_content": {
"category_tags": {
"count": 10,
"labels": ["全部", "遊戲", "音樂", "直播", "Podcasts", "AI", "汽車", "混音", "新聞", "最近上傳"]
},
"video_grid": {
"card_count": 5,
"cards": [
{
"position": "top left",
"size": "large",
"thumbnail_description": "Sam Altman 和 Greg Brockman 坐在舞台上，旁邊站著一個人形機器人，文字疊加顯示 'OpenAI 引言我們的人形機器人'，LIVE 徽章",
"video_title": "{argument name="featured live stream title" default="引言我們的人形機器人"}",
"channel_name": "{argument name="featured live stream channel" default="OpenAI"}",
"metadata": "482K 人正在觀看"
},
{
"position": "top right",
"size": "large",
"thumbnail_description": "左側是驚訝的男人臉部，右側是隱藏在森林中的大豪宅並有爆炸，粗體黃色文字疊加顯示 '{argument name="top right thumbnail text" default="完全保密"}'",
"video_title": "{argument name="top right video title" default="我買了 1 億美元的秘密房子！"}",
"channel_name": "MrBeast",
"metadata": "4.1M 次觀看，19 小時前，時長 20:49"
},
{
"position": "bottom left",
"size": "small",
"thumbnail_description": "Steve Carell 拿著筆記型電腦，螢幕顯示辦公室場景",
"video_title": "Steve Carell 分析他最標誌性的角色 | GQ",
"channel_name": "GQ",
"metadata": "987K 次觀看，2 天前，時長 17:46"
},
{
"position": "bottom middle",
"size": "small",
"thumbnail_description": "男人透過望遠鏡觀看海上的帆船，背景是日落",
"video_title": "黑帆很美！",
"channel_name": "Savage Books",
"metadata": "606K 次觀看，2 天前，時長 17:46"
},
{
"position": "bottom right",
"size": "small",
"thumbnail_description": "恐怖蒙面殺手角色來自電子遊戲，文字疊加顯示 'DEAD OF DAYLIGHT'",
"video_title": "在 Dead by Daylight 中扮演搜尋者",
"channel_name": "Unknown",
"metadata": "806K 次觀看，1 天前，時長 28:39"
}
]
}
}
}
}
機器翻譯 — 實際產出作品的是原文 prompt。
原文 Prompt
{
"type": "web browser UI mockup",
"platform": "{argument name=\"platform name\" default=\"YouTube\"}",
"browser_window": {
"style": "macOS light mode",
"tab": "YouTube",
"url_bar": "youtube.com"
},
"layout": {
"header": {
"components": ["hamburger menu", "platform logo", "search bar", "create video icon", "notifications bell", "user profile avatar"]
},
"sidebar": {
"position": "left",
"item_count": 11,
"sections": [
{
"name": "Main",
"items": ["Home", "Shorts", "Subscriptions", "Originals", "YouTube Music"]
},
{
"name": "Explore",
"items": ["Trending", "Shopping", "Music", "Movies", "Live", "Gaming"]
}
]
},
"main_content": {
"category_tags": {
"count": 10,
"labels": ["All", "Gaming", "Music", "Live", "Podcasts", "AI", "Cars", "Mixes", "News", "Recently uploaded"]
},
"video_grid": {
"card_count": 5,
"cards": [
{
"position": "top left",
"size": "large",
"thumbnail_description": "Sam Altman and Greg Brockman sitting on a stage next to a standing humanoid robot, text overlay 'OpenAI Introducing Our Humanoid Robot', LIVE badge",
"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 watching now"
},
{
"position": "top right",
"size": "large",
"thumbnail_description": "surprised man's face on the left, a large mansion hidden in a forest with an explosion on the right, bold yellow text overlay '{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 hours ago, 20:49 duration"
},
{
"position": "bottom left",
"size": "small",
"thumbnail_description": "Steve Carell holding a laptop showing a scene from The Office",
"video_title": "Steve Carell Breaks Down His Most Iconic Characters | GQ",
"channel_name": "GQ",
"metadata": "987K views, 2 days ago, 17:46 duration"
},
{
"position": "bottom middle",
"size": "small",
"thumbnail_description": "man looking through a spyglass at a sailing ship on the ocean at sunset",
"video_title": "Black Sails Is Beautiful!",
"channel_name": "Savage Books",
"metadata": "606K views, 2 days ago, 17:46 duration"
},
{
"position": "bottom right",
"size": "small",
"thumbnail_description": "creepy masked killer character from a video game with text overlay 'DEAD OF DAYLIGHT'",
"video_title": "Playing As The Seekers In Dead By Daylight",
"channel_name": "Unknown",
"metadata": "806K views, 1 day ago, 28:39 duration"
}
]
}
}
}
}