GitHub README Ancient Social Feed
Creates a dark-mode GitHub README screenshot featuring a Song dynasty themed social media post mockup, useful for showcasing UI prompt presets.
프롬프트
목표: 고대 중국 소셜 미디어 피드 UI 디자인 예시를 보여주는 다크 모드 GitHub 저장소 README 미리보기의 와이드 데스크톱 스크린샷을 생성합니다.
캔버스: 1200×612 px 가로형 스크린샷, 다크 네이비 GitHub 인터페이스, 브라우저 주소 표시줄이 보이지 않는 브라우저 창 형태로 크롭합니다. 구성은 대부분 비어 있는 다크 GitHub 배경이며, README 콘텐츠는 중앙에서 약간 왼쪽으로 배치합니다.
GitHub 페이지 레이아웃: 최상단에 GitHub 파일 브레드크럼과 툴바를 표시합니다. 브레드크럼/파일 항목을 정확히 3개 포함합니다: “main”으로 라벨링된 브랜치 선택기, 저장소 이름 “GPT-Image2-Skill”, 파일 이름 “README.zh.md”. 그 아래 왼쪽에는 “Preview”, “Code”, “Blame” 탭 버튼 3개를 정확히 배치하고, 이어서 “2865 lines (2093 loc) · 204 KB”와 같은 작은 메타데이터 텍스트를 표시합니다. 툴바 오른쪽에는 “Raw” 버튼을 포함하여 GitHub 액션 버튼/아이콘 6개를 정확히 배치합니다. UI는 선명하고 어두우며 사실적으로 유지합니다.
README 콘텐츠: 어두운 페이지의 콘텐츠 영역 왼쪽 상단 근처에 짧고 굵은 흰색 중국어 제목 “宋代社交媒体动态”를 배치합니다. 이 제목의 아래쪽과 오른쪽에는 세로형 스마트폰 스타일의 목업 이미지를 하나 표시합니다.
폰 목업 주제: 폰 목업은 {argument name="app title" default="宋朝朋友圈"}이라는 제목의 고대 송나라 테마 소셜 미디어 앱 화면입니다. 따뜻한 세피아-블랙 배경, 금색 텍스트, 양피지 질감, 그리고 분위기 있는 역사적 미학을 담고 있습니다. 폰 화면 상단에는 4개의 상태 표시 요소가 포함된 상태 표시줄을 보여줍니다: “大宋移动 5G” 통신사 텍스트, 중앙의 “元丰三年” 시대 텍스트, “88%” 배터리 잔량, 그리고 배터리 아이콘. 그 아래에는 왼쪽의 뒤로 가기 화살표, 중앙의 큰 제목 “宋朝朋友圈”, 오른쪽의 카메라 아이콘 등 3개의 내비게이션/헤더 요소를 정확히 배치합니다.
소셜 게시물 상세: 게시물 1개를 정확히 보여줍니다. 게시물 왼쪽에는 얼굴이 부드럽게 블러 처리된 송나라 시대 초상화 형태의 정사각형 아바타 1개가 있습니다. 아바타 오른쪽에는 사용자 이름 라인 {argument name="username" default="苏东坡 SuShi_Official"}을 표시합니다. 그 아래에는 중국어 게시물 텍스트를 포함합니다: “刚到黄州，虽被贬但心情尚可。今日亲手做了东坡肉，味道绝佳。食谱见下图。” 텍스트는 따뜻한 오프 화이트/골드 색상의 서예 스타일 UI 텍스트로 렌더링합니다.
게시물 이미지: 텍스트 아래에 양피지 위의 고대 중국화 스타일로 된 큰 이미지 카드 1개를 정확히 보여줍니다. 갈색 소스에 담긴 짙은 녹색 끈으로 묶인 윤기 나는 사각형 동파육 블록이 담긴 옅은 청자색 접시를 묘사합니다. 이미지 카드 왼쪽에는 세로로 된 중국어 서예, 작은 붉은 인장, 배경 상단에는 희미한 수묵화 풍경이나 나뭇가지 디테일이 포함되어 있습니다. 음식 일러스트는 박물관 필사본과 사실적인 음식 렌더링이 혼합된 회화적인 느낌이어야 합니다.
참여 영역: 음식 카드 아래에 작은 붉은 원형 엠블럼 아이콘과 “黄庭坚、秦观、佛印 等 126 人觉得赞”이라는 내용의 중국어 텍스트가 포함된 좋아요 행 1개를 정확히 보여줍니다. 그 아래에는 작은 아바타와 “王安石：呵呵”라는 댓글이 포함된 댓글 행 1개를 시작하며, 폰 화면 하단 가장자리에서 부분적으로 잘리도록 합니다.
시각적 스타일: 전체 스크린샷은 생성된 UI 샘플이 포함된 실제 GitHub README 미리보기처럼 보여야 합니다. 어두운 GitHub 색상, 미묘한 구분선, 작고 흰색/회색의 인터페이스 텍스트, 높은 대비를 사용합니다. 삽입된 폰 목업은 따뜻하고 영화적이며 고대 중국의 양피지와 먹 느낌을 살리고, 부드러운 비네팅과 사실적인 그림자를 적용합니다.
제약 사항: 최종 이미지는 폰 UI만이 아닌 GitHub 페이지의 스크린샷으로 유지합니다. 삽입된 폰 목업 1개, 소셜 게시물 1개, 아바타 1개, 음식 이미지 1개, 좋아요 행 1개, 보이는 댓글 행 1개만 포함합니다. 지정된 GitHub 및 README 텍스트 외에 추가 패널, 추가 게시물, 워터마크 또는 설명 캡션을 추가하지 마십시오.
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.
원문 프롬프트
Goal: Create a wide desktop screenshot of a GitHub repository README preview in dark mode, showing a design example for an ancient Chinese social media feed UI.
Canvas: 1200×612 px horizontal screenshot, dark navy GitHub interface, cropped like a browser window with no visible browser address bar. The composition is mostly empty dark GitHub background, with the README content centered slightly left of middle.
GitHub page layout: At the very top, show the GitHub file breadcrumb and toolbar. Include exactly 3 breadcrumb/file items: a branch selector labeled “main”, the repository name “GPT-Image2-Skill”, and the file name “README.zh.md”. Below it, show exactly 3 tab buttons on the left: “Preview”, “Code”, and “Blame”, followed by small metadata text reading approximately “2865 lines (2093 loc) · 204 KB”. On the right side of the toolbar, include exactly 6 small GitHub action buttons/icons, including a “Raw” button. Keep the UI crisp, dark, and realistic.
README content: On the dark page, place a short bold white Chinese heading near the upper left of the content area: “宋代社交媒体动态”. Beneath and to the right of this heading, display a single vertical smartphone-style mockup image.
Phone mockup subject: The phone mockup is an ancient Song dynasty themed social media app screen titled {argument name="app title" default="宋朝朋友圈"}. It has a warm sepia-black background, gold text, parchment textures, and a moody historical aesthetic. At the top of the phone screen show a status bar with exactly 4 visible status elements: carrier text “大宋移动 5G”, centered era text “元丰三年”, battery percentage “88%”, and a battery icon. Below that, show exactly 3 navigation/header elements: a back arrow on the left, the large title “宋朝朋友圈” in the center, and a camera icon on the right.
Social post details: Show exactly 1 post. The post has exactly 1 square avatar on the left, a Song dynasty portrait with the face softly blurred. To the right of the avatar, show the username line {argument name="username" default="苏东坡 SuShi_Official"}. Under it, include the post text in Chinese: “刚到黄州，虽被贬但心情尚可。今日亲手做了东坡肉，味道绝佳。食谱见下图。” Render the text as warm off-white/gold calligraphic UI text.
Post image: Under the text, show exactly 1 large image card styled like an antique Chinese painting on parchment. It depicts a pale celadon plate holding a glossy square block of Dongpo pork tied with a dark green strip, sitting in brown sauce. The image card also contains vertical Chinese calligraphy on the left, a small red seal, and a faint ink landscape or branch detail in the upper background. The food illustration should look painterly, like a museum manuscript mixed with realistic food rendering.
Engagement area: Beneath the food card, show exactly 1 like row with a small red circular emblem icon and Chinese names/text reading approximately “黄庭坚、秦观、佛印 等 126 人觉得赞”. Below that, begin exactly 1 visible comment row with a small avatar and the comment “王安石：呵呵”, partially cut off near the bottom edge of the phone screen.
Visual style: The overall screenshot should look like a real GitHub README preview containing a generated UI sample. Use dark GitHub colors, subtle separators, small white-gray interface text, and high contrast. The embedded phone mockup should be warm, cinematic, ancient Chinese, parchment-and-ink inspired, with soft vignetting and realistic shadows.
Constraints: Keep the final image as a screenshot of the GitHub page, not just the phone UI. Include only one embedded phone mockup, one social post, one avatar, one food image, one like row, and one visible comment row. Do not add extra panels, extra posts, watermarks, or explanatory captions beyond the specified GitHub and README text.