Video Streaming Platform Homepage 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.
프롬프트
{
"type": "웹 브라우저 UI 목업",
"platform": "{argument name=\"플랫폼 이름\" default=\"YouTube\"}",
"browser_window": {
"style": "macOS 라이트 모드",
"tab": "YouTube",
"url_bar": "youtube.com"
},
"layout": {
"header": {
"components": ["햄버거 메뉴", "플랫폼 로고", "검색창", "동영상 만들기 아이콘", "알림 종 아이콘", "사용자 프로필 아바타"]
},
"sidebar": {
"position": "왼쪽",
"item_count": 11,
"sections": [
{
"name": "메인",
"items": ["홈", "Shorts", "구독", "Originals", "YouTube Music"]
},
{
"name": "탐색",
"items": ["인기", "쇼핑", "음악", "영화", "실시간", "게임"]
}
]
},
"main_content": {
"category_tags": {
"count": 10,
"labels": ["전체", "게임", "음악", "실시간", "팟캐스트", "AI", "자동차", "믹스", "뉴스", "최근 업로드된 동영상"]
},
"video_grid": {
"card_count": 5,
"cards": [
{
"position": "왼쪽 상단",
"size": "대형",
"thumbnail_description": "무대 위에서 휴머노이드 로봇 옆에 앉아 있는 Sam Altman과 Greg Brockman, 'OpenAI Introducing Our Humanoid Robot' 텍스트 오버레이, LIVE 배지",
"video_title": "{argument name=\"추천 라이브 스트리밍 제목\" default=\"휴머노이드 로봇 소개\"}",
"channel_name": "{argument name=\"추천 라이브 스트리밍 채널\" default=\"OpenAI\"}",
"metadata": "현재 48.2만 명 시청 중"
},
{
"position": "오른쪽 상단",
"size": "대형",
"thumbnail_description": "왼쪽에는 놀란 남자의 얼굴, 오른쪽에는 숲속에 숨겨진 거대한 저택과 폭발 장면, 굵은 노란색 텍스트 오버레이 '{argument name=\"오른쪽 상단 썸네일 텍스트\" default=\"완벽한 비밀\"}'",
"video_title": "{argument name=\"오른쪽 상단 동영상 제목\" default=\"1억 달러짜리 비밀 저택을 샀습니다!\"}",
"channel_name": "MrBeast",
"metadata": "조회수 410만 회, 19시간 전, 재생 시간 20:49"
},
{
"position": "왼쪽 하단",
"size": "소형",
"thumbnail_description": "The Office의 한 장면이 나오는 노트북을 들고 있는 Steve Carell",
"video_title": "Steve Carell이 직접 밝히는 그의 가장 상징적인 캐릭터들 | GQ",
"channel_name": "GQ",
"metadata": "조회수 98.7만 회, 2일 전, 재생 시간 17:46"
},
{
"position": "중앙 하단",
"size": "소형",
"thumbnail_description": "노을 지는 바다 위 범선을 망원경으로 바라보는 남자",
"video_title": "Black Sails는 아름답다!",
"channel_name": "Savage Books",
"metadata": "조회수 60.6만 회, 2일 전, 재생 시간 17:46"
},
{
"position": "오른쪽 하단",
"size": "소형",
"thumbnail_description": "'DEAD OF DAYLIGHT' 텍스트 오버레이가 있는 비디오 게임 속 소름 끼치는 가면 쓴 살인마 캐릭터",
"video_title": "Dead By Daylight에서 The Seekers로 플레이하기",
"channel_name": "Unknown",
"metadata": "조회수 80.6만 회, 1일 전, 재생 시간 28:39"
}
]
}
}
}
}
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.
원문 프롬프트
{
"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"
}
]
}
}
}
}