Erstellt einen GitHub README-Screenshot im Dark Mode mit einem Social-Media-Post-Mockup im Stil der Song-Dynastie, nützlich für die Präsentation von UI-Prompt-Presets.
Ziel: Erstellung eines breiten Desktop-Screenshots einer GitHub-Repository-README-Vorschau im Dark Mode, der ein Designbeispiel für eine Benutzeroberfläche eines antiken chinesischen Social-Media-Feeds zeigt.
Leinwand: 1200 × 612 px horizontaler Screenshot, dunkelblaue GitHub-Oberfläche, zugeschnitten wie ein Browserfenster ohne sichtbare Adressleiste. Die Komposition besteht größtenteils aus dem leeren dunklen GitHub-Hintergrund, wobei der README-Inhalt leicht links von der Mitte zentriert ist.
GitHub-Seitenlayout: Ganz oben sind die GitHub-Dateipfad-Navigation (Breadcrumb) und die Symbolleiste zu sehen. Fügen Sie genau 3 Breadcrumb-/Dateielemente ein: einen Branch-Selektor mit der Beschriftung „main“, den Repository-Namen „GPT-Image2-Skill“ und den Dateinamen „README.zh.md“. Darunter befinden sich links genau 3 Tab-Buttons: „Preview“, „Code“ und „Blame“, gefolgt von einem kleinen Metadaten-Text, der etwa „2865 lines (2093 loc) · 204 KB“ lautet. Auf der rechten Seite der Symbolleiste sind genau 6 kleine GitHub-Action-Buttons/Icons zu platzieren, einschließlich eines „Raw“-Buttons. Die Benutzeroberfläche soll scharf, dunkel und realistisch wirken.
README-Inhalt: Platzieren Sie auf der dunklen Seite eine kurze, fettgedruckte weiße chinesische Überschrift oben links im Inhaltsbereich: „宋代社交媒体动态“. Unter und rechts neben dieser Überschrift ist ein einzelnes, vertikales Smartphone-Mockup-Bild anzuzeigen.
Smartphone-Mockup-Motiv: Das Smartphone-Mockup ist ein Social-Media-App-Bildschirm im Stil der antiken Song-Dynastie mit dem Titel 宋朝朋友圈. Es verfügt über einen warmen Sepia-Schwarz-Hintergrund, goldenen Text, Pergamenttexturen und eine stimmungsvolle historische Ästhetik. Oben auf dem Telefonbildschirm befindet sich eine Statusleiste mit genau 4 sichtbaren Statuselementen: Betreibertext „大宋移动 5G“, zentrierter Ära-Text „元丰三年“, Akkustand „88%“ und ein Batteriesymbol. Darunter sind genau 3 Navigations-/Header-Elemente zu sehen: ein Zurück-Pfeil auf der linken Seite, der große Titel „宋朝朋友圈“ in der Mitte und ein Kamerasymbol auf der rechten Seite.
Social-Post-Details: Zeigen Sie genau 1 Beitrag. Der Beitrag enthält links genau 1 quadratischen Avatar, ein Porträt aus der Song-Dynastie mit weich gezeichnetem Gesicht. Rechts neben dem Avatar ist die Zeile mit dem Benutzernamen 苏东坡 SuShi_Official anzuzeigen. Darunter folgt der Beitragstext auf Chinesisch: „刚到黄州,虽被贬但心情尚可。今日亲手做了东坡肉,味道绝佳。食谱见下图。“ Rendern Sie den Text als warmen, cremeweißen/goldenen kalligrafischen UI-Text.
Beitragsbild: Unter dem Text ist genau 1 großes Bild-Karten-Element im Stil eines antiken chinesischen Gemäldes auf Pergament zu zeigen. Es zeigt einen blass-seladongrünen Teller mit einem glänzenden, quadratischen Stück Dongpo-Fleisch, das mit einem dunkelgrünen Streifen zusammengebunden ist und in brauner Soße liegt. Die Bildkarte enthält zudem vertikale chinesische Kalligrafie auf der linken Seite, ein kleines rotes Siegel und ein dezentes Tusche-Landschafts- oder Zweigdetail im oberen Hintergrund. Die Essensillustration sollte malerisch wirken, wie ein Museumsmanuskript kombiniert mit einer realistischen Essensdarstellung.
Interaktionsbereich: Unter der Essenskarte ist genau 1 Zeile für „Gefällt mir“-Angaben mit einem kleinen roten kreisförmigen Emblem-Icon und chinesischen Namen/Text anzuzeigen, der etwa „黄庭坚、秦观、佛印 等 126 人觉得赞“ lautet. Darunter beginnt genau 1 sichtbare Kommentarzeile mit einem kleinen Avatar und dem Kommentar „王安石:呵呵“, der am unteren Rand des Telefonbildschirms teilweise abgeschnitten ist.
Visueller Stil: Der gesamte Screenshot sollte wie eine echte GitHub-README-Vorschau aussehen, die ein generiertes UI-Beispiel enthält. Verwenden Sie dunkle GitHub-Farben, dezente Trennlinien, kleinen weiß-grauen UI-Text und einen hohen Kontrast. Das eingebettete Smartphone-Mockup sollte warm, filmisch, antik-chinesisch und von Pergament und Tusche inspiriert sein, mit sanfter Vignettierung und realistischen Schatten.
Einschränkungen: Behalten Sie das endgültige Bild als Screenshot der GitHub-Seite bei, nicht nur als Telefon-UI. Fügen Sie nur ein eingebettetes Smartphone-Mockup, einen Social-Media-Beitrag, einen Avatar, ein Essensbild, eine „Gefällt mir“-Zeile und eine sichtbare Kommentarzeile hinzu. Fügen Sie keine zusätzlichen Panels, Beiträge, Wasserzeichen oder erklärenden Bildunterschriften außerhalb des spezifizierten GitHub- und README-Textes hinzu.