社区案例

GitHub README 古风社交动态

创建一个深色模式的 GitHub README 截图，展示以宋代为主题的社交媒体动态模拟效果，适用于展示 UI 提示词预设。

Heliocore.C6 · 2026-05-29 · 约 4 分钟

参考效果：GitHub README 古风社交动态 — 社区作者发布的参考画面 · Heliocore.C6

编辑提示词

完整提示词

目标：创建一个宽屏桌面截图，展示深色模式下的 GitHub 仓库 README 预览，呈现一个中国古代社交媒体动态 UI 的设计示例。

画布：1200×612 像素横向截图，深蓝色 GitHub 界面，裁剪效果如同浏览器窗口，不显示浏览器地址栏。构图主体为大面积的深色 GitHub 背景，README 内容居中偏左。

GitHub 页面布局：最上方显示 GitHub 文件面包屑导航和工具栏。包含 3 个面包屑/文件项：标记为“main”的分支选择器、仓库名称“GPT-Image2-Skill”以及文件名“README.zh.md”。下方左侧显示 3 个标签按钮：“Preview”、“Code”和“Blame”，随后是简短的元数据文本，内容约为“2865 lines (2093 loc) · 204 KB”。在工具栏右侧，包含 6 个小型 GitHub 操作按钮/图标，其中包括一个“Raw”按钮。保持 UI 清晰、深色且真实。

README 内容：在深色页面上，在内容区域左上方放置一个简短的加粗白色中文标题：“宋代社交媒体动态”。在此标题下方及右侧，展示一个垂直的智能手机样式模拟图。

手机模拟图主体：手机模拟图是一个以宋代为主题的社交媒体 App 界面，标题为 {argument name="app title" default="宋朝朋友圈"}。它具有温暖的深褐色背景、金色文字、羊皮纸纹理以及沉稳的历史美感。在手机屏幕顶部显示状态栏，包含 4 个可见状态元素：运营商文本“大宋移动 5G”、居中的纪年文本“元丰三年”、电量百分比“88%”以及电池图标。下方显示 3 个导航/标题元素：左侧返回箭头、居中的大标题“宋朝朋友圈”以及右侧相机图标。

社交动态详情：仅展示 1 条动态。该动态左侧有 1 个方形头像，为宋代人物肖像，面部经过柔和模糊处理。头像右侧显示用户名 {argument name="username" default="苏东坡 SuShi_Official"}。下方包含中文动态文本：“刚到黄州，虽被贬但心情尚可。今日亲手做了东坡肉，味道绝佳。食谱见下图。” 将文本渲染为温暖的灰白色/金色书法 UI 字体。

动态图片：在文本下方，展示 1 张大图片卡片，风格如同羊皮纸上的中国古画。画中描绘了一个淡青色盘子，盛放着一块色泽红亮的方形东坡肉，用深绿色草绳捆扎，浸在棕色酱汁中。图片卡片左侧包含竖排中国书法、一枚红色印章，背景上方有淡淡的水墨山水或枝叶细节。食物插画应具有绘画感，如同博物馆手稿与写实食物渲染的结合。

互动区：在食物卡片下方，显示 1 行点赞信息，包含一个小红色圆形徽标图标，以及类似“黄庭坚、秦观、佛印 等 126 人觉得赞”的中文文本。下方开始显示 1 行可见评论，包含一个小头像和评论内容“王安石：呵呵”，在手机屏幕底部边缘处部分截断。

视觉风格：整体截图应看起来像是一个包含生成式 UI 样本的真实 GitHub README 预览。使用深色 GitHub 配色、微妙的分隔线、细小的白灰色界面文字，并保持高对比度。嵌入的手机模拟图应呈现温暖、电影感、中国古风、羊皮纸与水墨风格，并带有柔和的暗角和逼真的阴影。

约束：最终图像应保持为 GitHub 页面的截图，而非仅手机 UI。仅包含一个嵌入式手机模拟图、一条社交动态、一个头像、一张食物图片、一行点赞和一行可见评论。除指定的 GitHub 和 README 文本外，不要添加额外的面板、动态、水印或说明性标题。

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由 Heliocore.C6 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页

使用示例 →

把这个思路，变成下一次创作。

在 RonasAI 中开始创作 ↗