影片 圖片
登入

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.

作者 Heliocore.C6 · gpt-image-2 · 58 觀看 · 0 按讚 · 0 書籤
GitHub README Ancient Social Feed

Prompt

目標:建立一個寬幅桌面截圖,顯示 GitHub 倉庫 README 預覽在深色模式下,展示一個古代中國社交媒體動態介面的設計範例。

畫布:1200×612 px 水平截圖,深色海軍藍 GitHub 介面,裁剪得像瀏覽器視窗且無可見的瀏覽器網址列。構圖主要是空的深色 GitHub 背景,README 內容稍微偏左置中。

GitHub 頁面佈局:在最頂端,顯示 GitHub 檔案麵包屑和工具列。包括剛好 3 個麵包屑/檔案項目:一個標有「main」的分支選擇器、倉庫名稱「GPT-Image2-Skill」和檔案名稱「README.zh.md」。下方,在左側顯示剛好 3 個標籤按鈕:「Preview」、「Code」和「Blame」,後面跟著小的元數據文字,大約讀作「2865 行 (2093 loc) · 204 KB」。在工具列右側,包括剛好 6 個小的 GitHub 動作按鈕/圖示,包括一個「Raw」按鈕。保持介面清晰、深色和逼真。

README 內容:在深色頁面上,在內容區域的左上角放置一個簡短的粗體白色中文標題:「宋代社交媒体动态」。在此標題下方且偏右,顯示一個垂直的智慧型手機風格模型圖像。

手機模型主題:手機模型是一個以古代宋朝為主題的社交媒體應用程式畫面,標題為 {argument name="app title" default="宋朝朋友圈"}。它有溫暖的深褐色背景、金色文字、羊皮紙質感和陰鬱的歷史美學。在手機畫面頂端顯示一個狀態列,剛好有 4 個可見的狀態元素:電信商文字「大宋移动 5G」、居中的時代文字「元丰三年」、電池百分比「88%」和一個電池圖示。下方,顯示剛好 3 個導航/標頭元素:左邊一個返回箭頭、中間大標題「宋朝朋友圈」和右邊一個相機圖示。

社交貼文細節:顯示剛好 1 篇貼文。貼文左邊有剛好 1 個方形頭像,一張宋朝肖像,臉部柔和模糊。在頭像右側,顯示用戶名稱行 {argument name="username" default="苏东坡 SuShi_Official"}。下方,包含貼文文字:「刚到黄州,虽被贬但心情尚可。今日亲手做了东坡肉,味道绝佳。食谱见下图。」將文字渲染為溫暖的米白色/金色書法介面文字。

貼文圖像:在文字下方,顯示剛好 1 個大圖像卡片,風格像羊皮紙上的古董中國畫。它描繪一個淡青瓷盤子,上面放著一塊有光澤的方形東坡肉,用深綠色帶子綁著,浸在棕色醬汁中。圖像卡片左側還有垂直的中國書法、一個小紅色印章,以及上背景中的淡淡墨水山水或樹枝細節。食物插圖應看起來像畫家的,類似博物館手稿混合逼真的食物渲染。

互動區域:在食物卡片下方,顯示剛好 1 個按讚列,帶有一個小紅色圓形徽章圖示和中文名字/文字,大約讀作「黄庭坚、秦观、佛印 等 126 人觉得赞」。下方,開始剛好 1 個可見的留言列,帶有一個小頭像和留言「王安石:呵呵」,在手機畫面底部邊緣部分截斷。

視覺風格:整體截圖應看起來像一個真實的 GitHub README 預覽,包含生成的介面範例。使用深色 GitHub 顏色、微妙分隔符、小的白灰色介面文字和高對比度。嵌入的手機模型應溫暖、電影感、古代中國、羊皮紙和墨水風格,帶有柔和暗角和逼真陰影。

約束:保持最終圖像為 GitHub 頁面的截圖,而不僅僅是手機介面。只包括一個嵌入手機模型、一個社交貼文、一個頭像、一個食物圖像、一個按讚列和一個可見的留言列。不要添加額外面板、額外貼文、浮水印或說明文字超出指定的 GitHub 和 README 文字。

機器翻譯 — 實際產出作品的是原文 prompt。

原文 Prompt
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.

✨ 生成 收藏 原始貼文 在 Hitboard 開啟

更多類似內容