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 [app title]. 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 [username]. 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.
0 Comments
๐ฅ Co-learning Circle 0
Observe other members' variables & configurations, and click "Study & Retry" to instantly import settings and practice!