# 深色模式 AI 提示词 URL: https://www.gptimagehub.com/zh-CN/library/tag/dark-mode 这些模板可用于生成各种深色数字化样机，涵盖移动端流媒体应用、社交动态流、落地页以及设计系统。每个提示词均巧妙融合纯黑或深石板色背景与高对比度文字、发光强调色。您可通过替换括号内的文案、UI 图标及调色板来进行个性化定制。 ## 深色模式 提示词技巧 - 使用“纯黑”（pure black）、“深炭灰”（deep charcoal）或十六进制色值精准指定背景色调，避免画面呈现灰暗浑浊的质感。 - 加入高对比度强调元素（如霓虹高光、精致微描边或清晰利落的纯白排版），以保持良好的视觉可读性。 - 使用结构化 JSON 或括号占位符来构建信息密集的 UI 布局，确保可编辑的按钮、元数据和标签清晰分离。 ## 常见问题 ### 哪个 AI 模型最适合生成深色模式界面？ 推荐使用 GPT Image 2，它几乎是所有深色 UI 模板的默认模型，能够稳定生成清晰锐利的文字和深色主题组件。Nano Banana Pro 也常用于部分创意概念设计。 ### 如何避免深色卡片和面板与背景融为一体？ 在提示词中加入柔和外发光、精致的 1px 描边轮廓或背景模糊效果，从视觉上将深色前景容器与底层黑色画布区分开来。 ### 这些模板支持生成非英语界面的文字吗？ 可以，只需在括号或引号内注明具体的翻译文本，即可生成中文、日文或其他本地化界面标签。 ## Prompts (60 of 102) ### 中文音乐流媒体播放器界面 - URL: https://www.gptimagehub.com/zh-CN/library/chinese-music-streaming-player-ui - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-zl-gi-32 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fchinese-music-streaming-player-ui - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: 音乐播放器, ui设计, 应用界面, 深色模式, 中文排版, 移动ui, 流媒体应用 - Updated: 2026-10-27T01:45:58.098Z - Created: 2026-10-27T01:45:58.098Z 高保真深色模式手机音乐播放器UI界面。可自定义歌曲名称、歌手、专辑名和进度时间以适配不同音乐概念。 ### Full prompt ```text 高保真手机竖屏中文音乐流媒体播放器界面截图。现代深色模式UI，背景采用专辑封面色彩的高斯模糊弥散渐变。中央置入一张带圆角与柔和阴影的方正大专辑封面。 界面布局： - 顶部状态栏显示时间“[18:26]” - 导航栏左侧为返回箭头，居中显示标题“[正在播放]”，右侧为更多选项图标 - 歌曲信息：歌名“[海边的晚风]”，歌手名“[林秋]”，专辑名“[夏夜实验室]” - 歌词区域展示5至7行滚动歌词，当前播放行高亮显示 - 播放进度条显示时间标记“[01:42]”与“[04:18]” - 控制栏包含随机播放、上一曲、播放/暂停、下一曲和单曲循环图标 - 功能栏包含点赞、评论、下载、加入歌单与分享图标 - 底部包含音频投送和播放队列入口图标 风格：真实量产级移动应用UI，层次分明的深色模式设计，精致的排版和微阴影效果。 ``` ### Source - Title: ZeroLu · Awesome GPT Image - URL: https://github.com/ZeroLu/awesome-gpt-image - License: MIT --- ### OpenAI 出处验证界面编辑 - URL: https://www.gptimagehub.com/zh-CN/library/openai-provenance-verification-screen-edit - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-32298 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fopenai-provenance-verification-screen-edit - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: ui设计, 验证界面, 深色模式, 日文界面, 应用截图, 出处验证 - Updated: 2026-10-26T16:22:43.098Z - Created: 2026-10-26T16:22:43.098Z 将阴性 AI 出处检测界面修改为显示阳性检测状态，更新图标与日文文本。可自定义状态文案与颜色以适配不同验证场景。 ### Full prompt ```text 基于参考图片，编辑深色验证结果界面，将其改为显示肯定的检测结果。保留原有的深色圆角卡片布局、居中构图、内嵌的键盘缩略图、底部链接以及白色圆角按钮不变。 仅修改以下三个状态元素： 1. 将粉色圆形“X”图标替换为绿色圆形对勾图标。 2. 将标题文字颜色改为绿色，内容设为「[OpenAI ツールで生成されました]」。 3. 将标题下方的正文说明替换为「[このコンテンツは OpenAI のツールを使用して生成されました。以下のシグナルは、この結果を裏付ける証拠です。]」。 完整保留其余界面元素： - 链接文本：「[詳細を表示する]」 - 按钮文本：「[別のファイルを検証]」 风格：简约现代的日语UI截图，真实的网页应用界面，高对比度深色模式，圆角边框。 ``` --- ### 带AI演示的桌面端社交媒体截图 - URL: https://www.gptimagehub.com/zh-CN/library/desktop-social-media-post-with-ai-demo - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-15423 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdesktop-social-media-post-with-ai-demo - Category: 社交媒体 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: photorealistic - Tags: 推文截图, 社交媒体, UI设计, 技术演示, 深色模式, 样机 - Updated: 2026-10-27T07:06:23.098Z - Created: 2026-10-27T07:06:23.098Z 生成包含双栏AI技术演示配图的深色模式社交媒体截图。可自定义方括号内的用户名、互动数据和文字内容。 ### Full prompt ```text 桌面端界面下的真实深色模式社交媒体推文截图。左上角为圆形头像、带有蓝色认证徽章的显示名称 [Riley Goodside]、用户账号 [@goodside] 以及时间戳 [10h]。推文文字内容为："[ChatGPT Images 2.0 generates a game die but instead of numbers it has working QR codes for each of their Wikipedia articles]"。推文下方是一个圆角矩形内双栏并排的大型内嵌图片。左侧面板显示一个放置在温润棕色木桌面上的亮白色六面骰子，以微倾斜角度拍摄，可见的三面上每个面都带有清晰的黑色二维码替代传统骰子点数；柔和真实的光影在圆角边缘产生细腻反光。骰子上方是一个带有 "[Thought for 1m 43s]" 文字的深色UI标题栏，以及写有 "[for the corresponding Wikipedia article for its number.]" 的气泡叠层。右侧面板是移动端风格的数字1的维基百科页面截图，白底细灰边框，顶部有 "Article" 和 "Talk" 标签及界面图标，正文以 "[This article is about the number. For the year AD 1, and other uses, see One (disambiguation) and Number One (disambiguation)]" 开头，后接框线提示与粗体句子 "[1 (one, unit, unity) is a number, numeral, and grapheme.]"。外围UI包含标准桌面端互动图标与数据：[45]条回复、[157]次转发、[3.5K]个点赞与[191K]次查看。清晰的UI排版、真实社交界面布局与出色的可读性。 ``` --- ### 暗黑模式 ChatGPT 界面截图 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-chatgpt-interface-screenshot - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-18640 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-chatgpt-interface-screenshot - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: chatgpt, 暗黑模式, ui截图, 网页界面, 仓鼠, 样机 - Updated: 2026-10-27T08:40:03.098Z - Created: 2026-10-27T08:40:03.098Z 生成包含内置生成照片的逼真 ChatGPT 暗黑模式桌面截图。可修改提示词气泡文本、侧边栏项目或内置照片主体以适配不同场景。 ### Full prompt ```text {"type":"ChatGPT暗黑模式网页界面的逼真桌面截图","canvas":"16:9宽屏截图，清晰UI捕获，无浏览器边框","main_scene":{"description":"展示生成图像结果的ChatGPT对话页面：玻璃仓鼠笼内逼真的手机实拍风[叙利亚金丝熊]，两只小爪并拢面向镜头，黑亮眼睛，粉色鼻子，棕黄色毛发，下方铺料，前景有弯曲木块，背景为金属或玻璃笼壁，浅景深，无修图的原图质感。","user_prompt_bubble":"[スマホで撮影したハムスターの写真、Unedited、Raw]","assistant_status_text":"Thought for 1m 8s ›","generated_image":{"position":"对话区域中偏右","shape":"圆角矩形","count":1,"content":"仓鼠照片","style":"真实柔和的手机拍摄质感，自然室内光线，温暖动物毛发，透明玻璃箱反光","overlay_controls":["生成图像左下角标有「編集」的日文编辑小按钮","生成图像右下角的下载/分享图标"]}},"layout":{"background":"近乎纯黑的ChatGPT深色主题","left_sidebar":{"position":"左侧","width":"约占屏幕五分之一","title":"ChatGPT","visible_top_navigation":["新しいチャット","チャットを検索","Codex","さらに表示"],"gpt_section":{"title":"GPT","items":["Canva","AI Music Prompt Generator","GPT の詳細を見る"]},"projects_section":{"title":"プロジェクト","items":["プロジェクトを新規作成","English Refiner","画像生成","yaml","雑談","端的に","さらに表示"]},"details":"细垂直分割线与隐约可见的滚动条"},"chat_area":{"position":"侧边栏右侧的深色工作区","messages":["右上角包含提示词文本的用户消息气泡","下方正中显示带有思考状态文本的AI生成图像响应"],"below_image_action_icons":["复制图标","点赞图标","点踩图标","更多选项省略号"]}},"style_directives":"逼真的[日语]语言环境ChatGPT网页应用截图，干净的无衬线UI字体，深灰面板，白与浅灰文字，细腻圆角，精准间距，以及作为核心输出嵌入的写实风格[手机实拍、无修图、RAW]图片。避免任何装饰性边框或多余注释。"} ``` --- ### 深色模式社交帖子手写字迹对比 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-social-post-handwriting-demo - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-15427 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-social-post-handwriting-demo - Category: 社交媒体 - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: 推文样机, 社交媒体, 深色模式, 手写体, 对比图, 界面设计, 截屏 - Updated: 2026-10-26T18:54:13.098Z - Created: 2026-10-26T18:54:13.098Z 生成逼真的深色模式社交媒体截图，展示 AI 模拟手写字迹的效果。可轻松自定义账号信息、推文文案和手写诗歌内容。 ### Full prompt ```text 纯黑移动端界面上的仿 X/Twitter 深色模式社交媒体帖子截图。左上角是一个圆形头像，旁边是显示名称“[Pratham]”与蓝色认证徽章，下方是用户名“[@Prathkum]”。右上角是一个圆角白色“Subscribe”按钮和小型界面图标。推文正文为清晰的白色无衬线字体：“[ChatGPT Images 2.0 can match your handwriting.]”。 正文下方是一张左右对比图，由两张横线笔记本照片组成，中间由细黑纵向间隙隔开。两页均在昏暗温暖的室内光线下俯拍，下边缘带有柔和阴影： - 左页：大部分为空白的横线纸，顶部用蓝色圆珠笔草书手写两行：“[match my hanawriting ana write a poem for me..]”（保留错别字与标点）。 - 右页：顶部同样为这两行，随后是用相同蓝色连笔笔迹写满页面的四节诗：“[between the pages, quiet dreams, where ink becomes the stars, i write what my heart means, and let it heal the scars. the world may move so fast, but here, time slows its pace. in every line i’ve made to last, i find a softer space. some days are clouds, some days are sun, but i keep showing up. with every word, i’m not alone— my pen is my cup. so here’s to thoughts, both big and small, to hopes, to fears, to me. i’ll keep on writing through it all, and set my spirit free.]”。 蓝色圆珠笔质感逼真自然，笔迹略带不规则感。帖子左下角带有微小的闪光图标及细小的“Made with AI”字样。具有真实的移动应用UI排版、圆角图片边框、清晰的排版字体和轻微的截屏质感。 ``` --- ### 电影感AI影视制作全流程信息图 - URL: https://www.gptimagehub.com/zh-CN/library/cinematic-ai-filmmaking-workflow-infographic - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-18888 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fcinematic-ai-filmmaking-workflow-infographic - Category: 信息图与教育 - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: 信息图, 电影制作, 工作流, 深色模式, 海报, 排版 - Updated: 2026-10-27T02:23:08.098Z - Created: 2026-10-27T02:23:08.098Z 生成深色电影工业风信息图海报，细致拆解AI电影导演工作流。可替换工具名称、主标题与模块内容以适配具体流程。 ### Full prompt ```text {"type":"AI电影制作提示词工作流的电影感中文信息图海报","format":"竖版 3:4 海报","overall_style":"暗调高端电影制作控制室美学，黑色与深藏青色背景，微弱的蓝图网格与科技HUD线条，暖金与冷青点缀，高对比度，精致排版布局，写实电影道具与简洁矢量图标相结合，优雅中文排版","headline":{"position":"top center","text":"[从制作团队角色出发：\nGPT Image 2 × Seedance 2.0\n全流程提示词方法论]","style":"大号粗体白色衬线中文标题，金色强调，居中"},"subtitle":{"position":"under headline","text":"如果把提示词比作拍摄现场的对讲机，那么导演、制片、摄影师、音效老师，每一角色看到的画面、关心的参数、下达的指令都是完全不同的。","style":"小号白色说明性中文文本"},"top_props":{"count":2,"items":[{"description":"左上方微弱照明的导演椅，标注有DIRECTOR"},{"description":"右上方三脚架上的大型复古电影聚光灯，散发暖琥珀色光芒"}]},"main_comparison":{"position":"upper middle","count":2,"panels":[{"title":"[GPT Image 2]","subtitle":"静态视觉设计","position":"left","accent_color":"cyan blue","thumbnail_count":4,"thumbnails":["暗调人物肖像剧照","暴风雨中的电影感城市或战场环境","分镜草图帧","带站立人物的氛围感海报主视觉"],"bullet_count":5,"bullets":["角色定妆照","场景概念图","分镜关键帧","海报主视觉","光线 / 构图 / 美术定调"],"button_label":"负责把画面做出来","button_icon":"image icon"},{"title":"[Seedance 2.0]","subtitle":"动态视频生成","position":"right","accent_color":"warm gold","thumbnail_count":4,"thumbnails":["夜间飞车追逐或载具镜头带播放图标","暗调特写视频剧照带播放图标","走过电影感走廊的人物带播放图标","暴风雨景观动态镜头带播放图标"],"bullet_count":5,"bullets":["镜头运动","人物动作","微表情变化","节奏与转场","环境音 / 音乐氛围"],"button_label":"负责让画面动起来","button_icon":"clapperboard play icon"}]},"workflow_arrows":{"position":"between comparison panels","count":2,"labels":["协同工作：先定画面，再驱动画面","从左至右蓝色箭头","从右至左金色箭头"]},"production_team_grid":{"position":"middle","count":8,"layout":"2行4列","cells":[{"number":"1","title":"导演","icon":"director chair","text":"定义戏剧目的、情绪转折、潜台词；决定观众应该感受到什么"},{"number":"2","title":"制片","icon":"clipboard","text":"控制场景复杂度、人物数量、执行成本；确保AI生成稳定、可落地"},{"number":"3","title":"摄影师 / 摄影指导","icon":"cinema camera lens","text":"景别、机位、焦段、构图、景深；镜头语言服务人物心理"},{"number":"4","title":"美术指导","icon":"paint palette and brush","text":"空间、道具、服装、色彩系统；让每个细节都在讲故事"},{"number":"5","title":"灯光师","icon":"studio light","text":"主光、辅光、轮廓光、色温、光比；用光影表达情绪"},{"number":"6","title":"演员指导","icon":"theater masks","text":"表情、眼神、呼吸、手部动作；强调克制真实的表演细节"},{"number":"7","title":"剪辑师","icon":"film strip and scissors","text":"镜头起止状态、节奏、留白、转场；控制情绪推进"},{"number":"8","title":"声音设计 / 音效老师","icon":"audio waveform","text":"环境音、拟音、低频、音乐、沉默；让声音放大戏剧张力"}]},"pipeline_strip":{"position":"lower middle","count":8,"style":"带箭头连接的青色线框图标","steps":["剧本理解","角色设定","场景设计","关键帧生成","视频驱动","声音氛围","连续性控制","成片输出"]},"prompt_formula_bar":{"position":"below pipeline","title":"提示词写作公式","count":6,"items":[{"icon":"speech bubble","label":"这场戏讲什么？"},{"icon":"person","label":"人物想要什么？"},{"icon":"warning triangle","label":"人物害怕什么？"},{"icon":"camera","label":"为什么这样拍？"},{"icon":"sun and sound waves","label":"光线和声音如何服务情绪？"},{"icon":"film flag","label":"最后一帧停在哪里？"}]},"core_principle_footer":{"position":"bottom","title":"核心原则：","text":"[GPT Image 2 负责“定画面”，Seedance 2.0 负责“让画面动起来”\n真正高级的提示词，不是堆砌形容词，而是像一个完整制作团队那样下达清晰、分工明确、可执行的创作指令。]","decorations":"左侧大型罗盘图标，右侧为带暖背光的摄制组与录音杆操作员剪影"},"color_palette":{"background":"近黑深藏青","primary_text":"象牙白","accent_1":"青蓝","accent_2":"金琥珀色","lines":"细金色与青色边框"},"composition_notes":"采用多个带微光细边框的精准矩形模块，均衡留白，电影海报级层级，清晰易读的中文文字，面向创作者的高端教程信息图，版块外无杂乱杂质。","customization":{"topic":"[AI cinematic prompt methodology]","left tool name":"[GPT Image 2]","right tool name":"[Seedance 2.0]"}} ``` --- ### Steam 商店页面桌面端 UI 效果图 - URL: https://www.gptimagehub.com/zh-CN/library/steam-store-page-desktop-ui-mockup - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-13904 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fsteam-store-page-desktop-ui-mockup - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: steam, ui效果图, 游戏商店, 深色模式, 日文本地化, 软件界面, 桌面客户端 - Updated: 2026-10-27T02:56:03.098Z - Created: 2026-10-27T02:56:03.098Z 生成日文本地化的暗色模式 Steam 客户端商店页面 UI 效果图。可修改括号内的游戏标题、简介、价格及硬件参数。 ### Full prompt ```text { "type": "desktop application UI mockup", "application": "Steam client", "theme": "dark mode", "header": { "top_menu": ["Steam", "查看", "好友", "游戏", "帮助"], "main_navigation": ["商店", "库", "社区"], "user_profile": "Steam 用户" }, "layout": { "left_sidebar": { "title": "game library", "search_bar": true, "game_count": 18, "game_list": ["半条命", "半条命 2", "半条命 2: 第一章", "半条命 2: 第二章", "半条命: 蓝色行动", "半条命: 针锋相对", "Portal", "Portal 2", "Team Fortress 2", "Left 4 Dead 2", "Counter-Strike: Source", "Counter-Strike: Global Offensive", "Day of Defeat: Source", "Garry's Mod", "Ricochet", "Source Filmmaker", "Half-Life Deathmatch: Source", "Half-Life: Source"] }, "main_content": { "breadcrumbs": "所有游戏 > 动作游戏 > 半条命", "title": "[半条命]", "media_gallery": { "main_image": "手持红色撬棍的第一人称视角，在带有发光Lambda标志的实验室里面对猎头蟹与科学家", "thumbnail_count": 5 }, "description": "[《半条命》是由Valve开发的一款传奇第一人称射击游戏。黑山研究基地发生灾难性实验失误并打开异次元裂隙后，物理学家戈登·弗里曼必须设法生存并逃出升天。]", "metadata": { "release_date": "[1998年11月9日]", "developer": "[Valve]", "publisher": "Valve", "user_reviews": "特别好评 (20,910 篇用户评测)" }, "tags": ["第一人称射击", "动作", "科幻", "经典", "单人", "+"], "system_requirements": { "title": "系统需求", "tabs": ["Windows", "macOS", "SteamOS + Linux"], "specs": ["操作系统: Windows 7 或更高版本", "处理器: 1.7 GHz 处理器", "内存: 512 MB RAM", "显卡: 兼容 DirectX 8.1 显卡", "DirectX 版本: 8.1", "存储空间: 600 MB 可用空间"] } }, "right_sidebar": { "purchase_box": { "title": "购买", "price": "[¥ 37]", "button": "添加至购物车" }, "features_count": 4, "features": ["单人", "Steam 成就", "完全支持控制器", "Steam 云"], "languages_table": { "title": "语言", "columns": ["界面", "完全音频", "字幕"], "language_count": 5, "languages": ["简体中文", "英语", "法语", "德语", "西班牙语 - 西班牙"] } }, "footer": { "left": "+ 添加游戏", "center": "下载 2 / 2 项已完成", "right": "好友与聊天 +" } } } ``` --- ### 宇宙暗黑模式设计系统展板 - URL: https://www.gptimagehub.com/zh-CN/library/cosmic-dark-mode-design-system-sheet - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-13506 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fcosmic-dark-mode-design-system-sheet - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ui套件, 设计系统, 暗黑模式, 太空主题, 仪表盘, 组件, 排版 - Updated: 2026-10-27T11:19:48.098Z - Created: 2026-10-27T11:19:48.098Z 生成一套结构完整的宇宙主题暗黑模式 UI 设计系统展板。可自由调整括号中的标题、强调色和字体名称以适配不同品牌。 ### Full prompt ```text { "type": "UI Design System", "theme": "dark mode, space-inspired, glowing accents", "header": { "label": "DESIGN SYSTEM", "title": "[COSMIC GRAVITY]", "subtitle": "[A Design Language Inspired by the Universe.]" }, "layout": { "left_column": [ { "title": "COLOR", "count": 7, "items": [ {"name": "Cosmic Black", "hex": "#050507"}, {"name": "Deep Space", "hex": "#0E0F14"}, {"name": "Soft White", "hex": "#F5F6F8"}, {"name": "[Stardust Gold]", "hex": "#F5D28A"}, {"name": "Night Purple", "hex": "#1A1C2A"}, {"name": "Dusk Blue", "hex": "#0F1B2A"}, {"name": "Nebula Teal", "hex": "#0E1F22"} ] }, { "title": "GRADIENT", "count": 1, "description": "horizontal bar showing a dark-to-light-to-dark cosmic glow" }, { "title": "TYPOGRAPHY", "font": "[Space Grotesk]", "hierarchy_count": 4, "levels": ["H1 Cosmic Light", "H2 Explore More", "Body Celestial Text", "Caption Orbit Info"] } ], "main_column": [ { "title": "UI COMPONENTS", "subsections": [ {"title": "BUTTON", "count": 3, "labels": ["EXPLORE (Primary)", "CANCEL (Secondary)", "MORE (Ghost)"]}, {"title": "SLIDER", "count": 1, "value": "72%"}, {"title": "TOGGLE", "count": 2, "states": ["Off", "On"]}, {"title": "TAGS", "count": 3, "labels": ["BLACK HOLE", "JUPITER", "ORBIT"]} ] }, { "title": "CARDS", "count": 3, "items": [ {"title": "[JUPITER]", "subtitle": "ORBIT ARCHIVE", "image": "Jupiter planet"}, {"title": "BLACK HOLE", "subtitle": "COSMIC EVENT", "image": "Black hole with accretion disk"}, {"title": "DISTANCE", "value": "778.3 M km", "image": "Concentric orbital rings"} ] }, { "title": "DATA DISPLAY", "count": 3, "items": [ {"title": "ENERGY", "type": "circular progress ring", "value": "87%"}, {"title": "SIGNAL STRENGTH", "type": "line graph with glowing nodes", "value": "42.6 dB"}, {"title": "COSMIC NOISE", "type": "audio player UI"} ] }, { "title": "ICON", "count": 7, "labels": ["Home", "Planet", "Sparkle", "Signal", "Folder", "Heart", "User"] } ], "bottom_row": [ { "title": "VISUAL ELEMENTS", "count": 5, "labels": ["BLACK HOLE", "GRAVITY RING", "LIGHT GLOW", "NEBULA DUST", "GLASS SURFACE"] } ] } } ``` --- ### 深色动漫提示词生成器软件界面 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-anime-prompt-generator-interface - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-27829 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-anime-prompt-generator-interface - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ui样机, 软件界面, 桌面应用, 提示词工程, 动漫偶像, 深色模式, 未来感ui - Updated: 2026-10-27T05:59:50.585Z - Created: 2026-10-27T05:59:50.585Z 生成具有动漫插图预览的深色主题AI提示词工程工作台桌面UI样机。可自定义软件名称、角色特征及界面强调配色。 ### Full prompt ```text 一款名为“[AIPS BABEL // Prompt Foundry]”的AI创意工作区应用程序的高清细腻16:9数字UI概念设计图，采用深炭灰未来感UI主题，带有细微的蓝灰色边框、柔和的阴影以及金色点缀按钮。布局： - 顶部导航栏：左侧为应用名称“AIPS BABEL”；三个导航标签：“Text Prompt Mode”、“Analysis”以及金色高亮激活的“Mio Mode”；中央为深色状态指示区；右侧实用功能按钮：绿色的“Save Config”、灰色的“Load Config”、灰色的“Reset Window”、带有金色小箭头的“UI Scale: 100%”选择器以及灰色的“Options”。 - 双栏主工作区： 1. 左栏（1/3宽度）：大型垂直图像预览面板，标签标题显示“Mio - スポットライトを浴びてポーズを決めるジャングルポケットの躍動感あるライブショット (3/3)...”并带有关闭按钮。预览框内展示高质量动漫主视觉图，画面为[一位充满活力的马娘偶像，留着棕色双马尾，拥有兽耳、长尾巴，身穿赛车偶像服、短裤、手套和绿色暖腿套]，在强烈蓝白聚光灯照射的光泽舞台上摆出极具张力的低角度背向姿态，面向坐满手持蓝色荧光棒和漂浮微光的昏暗场馆。 2. 右栏（2/3宽度）：“Mio Mode — Agent Chat”智能体聊天工作区，带有“STANDBY”标签以及“Log”和“Clear Chat”按钮。下方可滚动聊天区域展示两张结构化提示词卡片，带有绿色日文标题和描述现场演唱会场景的等宽英文提示词，随后是日文操作按钮：“コピー”、“再生成”和红色的“削除”。提示词卡片下方是两张带有日文说明的小缩略图。 - 底部工具栏：横向参数栏，带有复选框（“Anima”、“Hires”）、下拉菜单（“品質: 標準 (30/4.0)”、“サイズ: 中 (1280×720)”、“向き: お任せ”、“Style: FLUX (自然文)”、“枚数: 2”）、绿色的“AnimaDex”指示灯、一个空白的黑色文本输入框，以及右侧上下排列的金色“SEND”按钮和红色“STOP”按钮。 ``` --- ### 粗犷风武士创意机构着陆页 - URL: https://www.gptimagehub.com/zh-CN/library/brutalist-samurai-agency-landing-page - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-15041 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fbrutalist-samurai-agency-landing-page - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 着陆页, 网页设计, ui模型, 武士, 深色模式, 粗犷设计, 机构官网 - Updated: 2026-10-26T17:54:33.098Z - Created: 2026-10-26T17:54:33.098Z 生成结合粗犷主义字体与武士视觉的高端电影感网页模型。可自由修改机构名称、标题及按钮文案。 ### Full prompt ```text 现代桌面浏览器窗口中呈现的创意设计机构“[AKAI STUDIO]”电影感深色网页着陆页模型。宽屏首屏布局采用黑色渐变至深红色的背景、幽暗的日落逆光以及细微漂浮的白色尘埃微粒。右侧是一名身披黑色叠层铠甲、头戴有角头盔的武士背影全景立绘，手持武士刀立于海边嶙峋黑礁之上，残破修长的深红色斗篷向右狂烈翻卷。左侧排版为大胆的粗犷主义风格，顶部带有微小红色装饰符的引题“[DISEÑO QUE DEJA HUELLA]”，其下是两行折叠的巨大紧凑白色主标题“[DISEÑO BRUTAL]”。主标下方是日文字样“[赤い侍 STUDIO]”，继而是简短的大写白色说明文字：“[BRANDING, WEB DESIGN Y EXPERIENCIAS DIGITALES PARA MARCAS QUE QUIEREN DESTACAR.]”。文案下方设有两个行动号召按钮：白色实心按钮“VER PROYECTOS”和深色描边按钮“CONTACTAR”。顶部导航栏包含左侧带红方块“赤”字图标与“[AKAI STUDIO]”字样的标志、居中排列的四个大写菜单（带有红色激活下划线的“INICIO”、“SERVICIOS”、“PROYECTOS”、“CONTACTO”），以及右上角线框按钮“[HABLEMOS]”。 ``` --- ### 虹彩蝶翼UI设计系统展示板 - URL: https://www.gptimagehub.com/zh-CN/library/iridescent-butterfly-ui-design-system-board - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-13483 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Firidescent-butterfly-ui-design-system-board - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ui-ux, 设计系统, 深色模式, 虹彩, 展示板, 界面样机 - Updated: 2026-10-27T21:01:43.098Z - Created: 2026-10-27T21:01:43.098Z 生成以发光虹彩蝶翼为灵感的深色模式设计系统展板，包含色彩规范与界面样机。可调整括号内容以自定义品牌色彩及版面排版。 ### Full prompt ```text { "type": "UI/UX Design System presentation board", "theme": "Dark mode, nature-inspired, glowing iridescent aesthetics", "header": { "title": "NATURE INSPIRED UI\n[BUTTERFLY IRIDESCENCE]\nUI/UX Design System", "description": "[从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。]", "hero_image": "Large, highly detailed, glowing blue and purple iridescent butterfly wing" }, "layout": { "sections": [ { "title": "INSPIRATION", "count": 4, "description": "Square thumbnails showing close-ups of iridescent butterfly wings and light refractions" }, { "title": "KEYWORDS", "count": 5, "labels": ["虹彩", "灵动", "轻盈", "深邃", "自然"] }, { "title": "COLOR SYSTEM", "subsections": [ { "title": "PRIMARY", "count": 3, "labels": ["Morpho Blue #1E5BFF", "Iridescent Purple #7A5CFF", "Sky Glow #00E6FF"] }, { "title": "NEUTRAL", "count": 3, "labels": ["Midnight #0B0F19", "Soft Navy #141A2E", "Pearl #F3F6FC"] }, { "title": "ACCENT & GRADIENT", "count": 2, "labels": ["Rainbow Sheen", "Butterfly Glow"] } ] }, { "title": "TYPOGRAPHY", "content": "Aa Poppins Light / Regular / Medium / SemiBold" }, { "title": "APP STORE ICON", "count": 1, "text": "App Name [Winglet] Light. Alive. Beautiful." }, { "title": "UI COMPONENTS", "subsections": [ { "title": "BUTTONS", "count": 6, "labels": ["Primary", "Secondary", "Glass", "heart icon", "glowing sphere icon", "toggle switch"] }, { "title": "OTHER ELEMENTS", "count": 5, "labels": ["Search bar", "Tag (New)", "Progress bar (72%)", "Card (Blue Morph)", "Slider"] } ] }, { "title": "MOBILE UI", "count": 3, "screens": ["Explore screen", "Today screen with large butterfly wing", "Audio player screen with waveform"] }, { "title": "WEB DESIGN PREVIEW", "count": 1, "details": "Desktop browser mockup, hero section with '[LIGHT IS ALIVE]' and 'Explore Now' button" }, { "title": "VISUAL BACKGROUNDS", "count": 4, "description": "Rectangular thumbnails showing abstract iridescent waves" } ], "footer": "Design with Nature, Made for Experience." } } ``` --- ### 暗黑风奢华汉堡网页样机 - URL: https://www.gptimagehub.com/zh-CN/library/dark-luxury-burger-website-mockup - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-15974 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-luxury-burger-website-mockup - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 3:2 - Style: graphic-design - Tags: 着陆页, 网页设计, 汉堡, 美食摄影, ui样机, 霓虹灯光, 暗黑模式 - Updated: 2026-10-28T04:22:13.098Z - Created: 2026-10-28T04:22:13.098Z 生成暗黑模式奢华快餐着陆页，展示大口咬下芝士汉堡的主视觉模特及精美UI模块。可自定义主标题、汉堡配料与产品价格。 ### Full prompt ```text {"type":"电影感奢华快餐着陆页广告","brand":{"name":"PixPretty","tagline":"BITE. SMILE. REPEAT."},"scene":{"setting":"暗黑高端汉堡广告，带有黑色背景、强烈的红色霓虹光晕、微弱烟雾、火星余烬与高反差光泽照明","style":"超写实美食摄影与时尚网页UI设计的融合","colorPalette":["黑色","深红","霓虹红","暖橙","金黄芝士色","白色"],"aspectRatio":"3:2"},"layout":{"header":{"position":"顶部","count":8,"labels":["PixPretty","HOME","MENU","OUR STORY","LOCATIONS","CONTACT","搜索图标","账户图标","带红色角标2的购物车图标"]},"hero":{"position":"左侧与中央","count":4,"labels":["大号主标题区块","补充说明段落","立即订购按钮","正在吃汉堡的女性"]},"rightPanel":{"position":"右侧","count":1,"labels":["招牌产品卡片"]},"productCarousel":{"position":"底部中央","count":3,"labels":["CHEESE LOVER","DOUBLE TROUBLE","SPICY KICK"]},"featureBar":{"position":"底部","count":4,"labels":["FREE DELIVERY","FAST & FRESH","EARN REWARDS","SUPPORT LOCAL"]}},"headline":{"text":"[THE BURGER THAT HITS DIFFERENT]","style":"超大浓缩做旧全大写字型，红白相间单词分三行排列，上方带有小红冠涂鸦，左侧带有红色强调标记"},"bodyText":"Crafted for those who crave bold flavors and unforgettable bites. This isn't just a burger. It's an experience.","cta":{"text":"Order Now","style":"带有白色文字和右箭头的宽幅红色笔刷按钮"},"subject":{"person":"身穿黑色皮夹克、留着深色大波浪卷发、戴着圈形耳环的迷人女性，双手捧着大号芝士汉堡正咬下一口","framing":"中特写镜头，位于汉堡正后方，面部部分被汉堡和阴影遮挡","lighting":"带有浓厚电影感的轮廓光，背后有强烈的红色霓虹高光"},"food":{"mainItem":"[带有融化切达芝士的多汁培根芝士汉堡]","details":["油亮芝麻汉堡胚","厚实牛肉饼","香脆培根","大量融化滴落的芝士","真实的油润质感","戏剧化且诱人的高光"]},"rightCard":{"title":"PIXPRETTY CLASSIC","tag":"SIGNATURE","description":"Juicy grilled beef, melted cheddar, crispy onions, fresh lettuce, pickles, and our signature sauce.","rating":"4.9 (2.3k+)","price":"[$12.99]","nutrition":{"count":4,"labels":["Calories 850 kcal","Protein 42g","Carbs 45g","Fat 52g"]},"spice":{"label":"SPICY LEVEL","count":5,"icons":"4个红辣椒图标和1个暗色辣椒图标"},"extra":"卡片右上角的心形轮廓图标"},"carousel":{"items":[{"name":"CHEESE LOVER","price":"$11.99","description":"带有浓郁融化芝士的单层汉堡缩略图"},{"name":"DOUBLE TROUBLE","price":"$14.99","description":"带有双层肉饼和培根的主打中心汉堡缩略图，带有红色发光轮廓描边"},{"name":"SPICY KICK","price":"$13.99","description":"带有墨西哥辣椒和培根的汉堡缩略图"}],"navigation":{"count":2,"labels":["左箭头按钮","右箭头按钮"]}},"featureBar":{"items":[{"title":"FREE DELIVERY","subtitle":"On orders over $25"},{"title":"FAST & FRESH","subtitle":"Delivered hot to you"},{"title":"EARN REWARDS","subtitle":"Every bite counts"},{"title":"SUPPORT LOCAL","subtitle":"Made in your community"}]},"branding":"高端快餐网站样机，精致结构化构图，清晰对焦，逼真倒影，细腻UI光晕，奢华广告质感"} ``` --- ### 移动端AI聊天界面与广告变体网格 - URL: https://www.gptimagehub.com/zh-CN/library/mobile-ai-chat-ui-with-ad-variations - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-14661 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fmobile-ai-chat-ui-with-ad-variations - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ui-ux设计, 移动应用, 暗黑模式, 聊天界面, 广告设计, 日文字体, 生成式ai - Updated: 2026-10-27T18:23:13.098Z - Created: 2026-10-27T18:23:13.098Z 生成展示日文设计指令与2x2广告设计网格的暗黑模式手机聊天界面。可修改提示词文字或预览图主题来展示不同的设计流程。 ### Full prompt ```text 一张逼真的暗黑模式智能手机聊天界面截图，近乎纯黑的背景下展示了两组关于AI生成广告设计的日文对话记录。右上角是一个浅灰色圆角气泡，内含精准的日文字符：「日本語の幼稚園の広告画像を、トンマナ違いで4種類並べて画像生成して。プロデザイナーが作ったトレンドのデザインで。アスペクト比は16:9」。其正下方是一个圆角矩形图片预览，展示柔和粉彩色调的2x2幼儿园广告排版网格：左上角是柔光晨曦中小孩侧面特写配手写风日文文案；右上角是蓝天下奔跑的四个孩童与醒目字体；左下角是现代幼儿园建筑、草坪玩耍的孩子与气泡框文字区；右下角是蓝天背景下大绿树与亲子插画风广告。预览图左下角悬浮带有「編集」字样的小圆形按钮，右下角为分享图标，下方有一排操作图标（复制、点赞、踩、更多）。下方是第二条靠右气泡，文字为：「日本語の健康食品の広告画像を、トンマナ違いで4種類並べて画像生成して。プロデザイナーが作ったトレンドのデザインで。アスペクト比は16:9」。下方附带第二个2x2健康食品广告预览：左上角是简约清爽的女性淡绿健康广告；右上角是黑金奢华感保健品包装配金色光点、宋体字及带有[980円]的价格标签；左下角是半透明花朵纹理的淡粉色美容保健品广告；右下角是绿叶蔬菜与包装盒构成的青汁果昔广告。整体呈现高精细度手机UI排版与清晰日文字体。 ``` --- ### ChatGPT深色模式动漫生成界面 - URL: https://www.gptimagehub.com/zh-CN/library/chatgpt-dark-mode-anime-generation-interface - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-34007 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fchatgpt-dark-mode-anime-generation-interface - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 2:1 - Style: graphic-design - Tags: chatgpt界面, 深色模式, 界面截图, 动漫插画, 桌面端应用, ui模型 - Updated: 2026-10-27T12:49:43.098Z - Created: 2026-10-27T12:49:43.098Z 生成带有中文提示词及生动动漫插画预览的ChatGPT深色模式桌面界面截图。可修改提示词和用户名以适应不同场景。 ### Full prompt ```text 清晰的深色模式桌面端 ChatGPT 界面截图，展示包含中文 UI 元素的 AI 图像生成会话。左侧导航栏占约 19% 宽度，顶部为 ChatGPT 标识与搜索图标，包含 8 个导航项：“新聊天”、“图片”（带微型“已更新”标签）、“资料库”、“定时任务”、“插件”、“项目”、“Codex”、“更多”。“最近”分类下包含两条历史记录：“超现实画面生成”与“生成幻想原画提示词”。左下角用户信息展示带有“TT”字样的蓝色圆形头像、用户名“[Tryntje Titulaer]”及“免费版”字样。主聊天区右上角有带礼盒图标的“免费试用”胶囊按钮。居中偏上的深灰色提示词气泡内有一段高亮蓝色选中文本“[超2d,反结构色.强畸变反透视。简谐,无字神话.21:9]”，右侧附带“取消”和“发送”按钮。下方为 21:9 比例的生成图片卡片，带有“编辑”按钮、下载箭头及分享图标。图片内部为极具张力的奇幻动漫插画，采用强烈反透视鱼眼广角构图，一位神话少女向前景戏剧性地伸出夸张的手，背景为破碎的仙境绝壁、流云与翱翔的龙凤神兽，呈现鲜亮的钴蓝、炽橙与绯红色调。卡片下方排列 5 个操作图标：复制、点赞、踩、分享与更多。 ``` --- ### 沉浸式音乐应用UI展示海报 - URL: https://www.gptimagehub.com/zh-CN/library/immersive-music-app-ui-poster - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-16860 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fimmersive-music-app-ui-poster - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: ui-ux-design, 音乐播放器, 应用样机, 案例展示, 拟玻璃态, 深色模式, 作品集 - Updated: 2026-10-26T16:21:58.098Z - Created: 2026-10-26T16:21:58.098Z 在智能手机模型上渲染深色模式音乐流媒体应用UI海报。可修改曲目信息、歌词、标注说明及光晕颜色以展示你的专属设计。 ### Full prompt ```text {"type":"音乐应用UI概念海报","style":"高端未来感移动应用展示，深色模式，电影感产品演示，Spotify风格霓虹绿辉光，高对比度，精致拟玻璃态，典雅科技广告美学","format":"深黑背景中央带有智能手机模型的竖版海报","headline":{"kicker":"CONCEPT 1","title":"IMMERSIVE PLAYER","subtitle":"Music becomes environment."},"device":{"type":"现代黑色智能手机","position":"居中","screen":{"app":"沉浸式音乐播放器","status_bar":{"time":"9:41","icons_count":3},"top_area":{"left_icon_count":1,"center_text_lines":2,"texts":["PLAYING FROM","Liked Songs"],"right_icon_count":1},"artwork":{"shape":"全屏背景人像叠加居中方形专辑封面","subject":"青绿色极光光效下卷发歌手的氛围感剪影人像","dominant_colors":["深黑","蓝绿","翡翠绿","青色微光"]},"side_tab":{"count":1,"label":"QUEUE","orientation":"右边缘垂直胶囊按钮"},"track_info":{"song_title":"[Dancing in the Rain]","artist_name":"[The Weeknd]","favorite_icon":true},"playback":{"waveform":"横跨屏幕的音频感应霓虹绿声波","time_labels":["1:42","4:09"],"progress_slider":true,"main_controls":{"count":5,"items":["随机播放","上一首","大型播放/暂停按钮","下一首","循环播放"]},"secondary_controls":{"count":4,"items":["收藏","设备连接图标","设置调音图标","歌词卡上方整合的小型工具图标行"]}},"lyrics_card":{"title":"LIVE LYRICS","text":"[Baby, I’m dancing in the dark, with you between my arms...]","style":"带有绿色氛围光晕的圆角半透明卡片","bottom_position":true}}},"layout":{"sections":[{"title":"KEY COMPONENTS","position":"左下方","count":4,"labels":["全屏专辑封面 + 动态模糊","音频感应动态波形","实时同步歌词","悬浮控制键"]},{"title":"WHY IT WORKS","position":"底部中央","count":2,"labels":["营造深层情感沉浸","音乐更具电影感、个性化与生命力"]},{"title":"INTERACTION","position":"右下方","count":4,"labels":["上滑查看歌词","左滑查看播放队列","轻触触发微交互","触觉与光晕即时反馈"]}],"footer_cta":{"count":1,"text":"[Let the music surround you.]","icon":"绿色圆形音乐应用徽标"}},"lighting":"手机背面投射出柔和的翡翠绿逆光光晕，微弱暗角，发光边缘，高端展厅级质感","color_palette":["黑色","炭灰","白色","Spotify绿","翡翠绿","蓝绿"],"quality":"高品质UI设计案例渲染图，清晰排版，逼真机身反光，考究留白，适合Behance/Dribbble展示的海报"} ``` --- ### 深色模式软件界面吉祥物编辑器 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-software-ui-mascot-editor - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-20597 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-software-ui-mascot-editor - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: ui原型, 软件截图, 日文界面, 可爱吉祥物, 深色模式, 透明棋盘格, 矢量贴纸 - Updated: 2026-10-27T02:57:18.098Z - Created: 2026-10-27T02:57:18.098Z 生成逼真的深色模式幻灯片软件图片编辑界面截图，带日文UI与透明底吉祥物抠图。可修改角色、手持物品或轮廓颜色以适配不同界面原型。 ### Full prompt ```text 深色主题PowerPoint风格图片编辑弹窗界面的真实软件截图（日文UI）。布局与界面：居中于微弱可见演示幻灯片背景之上的深炭灰色圆角模态对话框，带有柔和投影。顶部居中显示缩放比例“42%”。顶栏：左侧显示日文标题“画像の編集”以及撤销和重做箭头图标；右侧显示连接点网络图标和“X”关闭按钮。顶栏下方是一个居中的浮动工具栏，包含6个带有图标和日文标签的深色圆角矩形按钮：“補正”、“トリミング”、“背景”、“領域の選択”、“テキスト”。主画布：中央为一个细紫色边框的方形工作区，内部为黑深灰棋盘格透明背景图案。画布顶部悬浮深色提示横条，带有绿色对勾图标，文字为“背景が削除されました。”以及小“X”按钮。主体：棋盘格正中展示一只采用精致贴纸矢量风格的[a white kawaii rabbit]吉祥物，带有粗[pale pink]轮廓线。大圆头，两只粉色内耳的长竖耳，水灵的棕色眼睛，粉色椭圆腮红，开心的张嘴表情。它用双爪在胸前抱着[a mint-aqua heart]，心形上有柔和高光，无生硬阴影。控制项与页脚：画布右侧竖向排列两个小反馈图标（点赞在上，点踩在下）。弹窗底部中央显示浅灰色免责声明文本：“AI 生成コンテンツは間違っている可能性があります。”右下角排列两个操作按钮：橙色的“保存”和深灰色的“キャンセル”。整体风格：清晰的微软风格深色UI字体、利落的矢量贴纸艺术以及逼真的软件界面效果。 ``` --- ### Telegram AI机器人生图聊天截图 - URL: https://www.gptimagehub.com/zh-CN/library/telegram-ai-bot-image-generation-chat-screenshot - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-32977 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Ftelegram-ai-bot-image-generation-chat-screenshot - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: telegram, 聊天截图, 深色模式, 界面原型, 聊天机器人, 星座, ios界面 - Updated: 2026-10-26T22:05:13.098Z - Created: 2026-10-26T22:05:13.098Z 生成深色模式下的Telegram聊天截图，展示AI机器人成功发送生成图与日志。可自定义方括号中的聊天名和说明文本。 ### Full prompt ```text iOS界面下的Telegram深色模式聊天竖屏手机截图，9:16画幅比例。 顶部状态栏与标题栏：顶部显示iOS状态栏，左侧为“6:50”，中间为蓝色“TELEGRAM”胶囊标，右侧为信号、Wi-Fi和电池图标。下方Telegram聊天栏包含圆形返回箭头，白色粗体聊天名称“[Arcturus Alpha]”，下方副标题为浅灰色“bot”，右侧圆形头像为深蓝背景上发光的金色公牛星座徽标。 背景：Telegram深色模式专属涂鸦壁纸，隐约可见火箭、星星、行星等浅色线条图标。 聊天内容布局（恰好3条可见消息）： 1. 顶部气泡：深紫色圆角气泡，顶部微裁切，白色文本： “four, coming up — same minimal test as last time so we're changing exactly one variable:]] Remark: Attempt four — same test, now with the missing await in place...” 右下角带浅灰色时间戳“6:48 PM”。 2. 中间多媒体消息：圆角方形图片预览，画面为深邃星空与银河背景下，用发光细线和星点相连构成的金色金牛座公牛侧影。图片下方附带深紫色说明文字气泡：“[gpt-image-2 smoke test — the constellation ox, back in business.]”，右下角时间戳为“6:49 PM”。 3. 底部消息：被输入栏部分遮挡的气泡，内容为“[[Private: 🤍 Arcturus> 🎉 It worked! That missing await was the culprit — image generated, file”，其中“worked!”为粗体，后续文字被裁切。 底部UI：Telegram消息输入栏，最左侧为蓝色圆角“Menu”按钮，回形针附件图标，深色圆角文本框带占位符“Message”，最右侧为麦克风图标。输入区右上方悬浮一个圆形向下箭头按钮。 ``` --- ### 深色模式绘图软件怪兽涂鸦 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-sketch-app-monster-doodle - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-33997 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-sketch-app-monster-doodle - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: 界面截图, 绘画应用, 深色模式, 数字涂鸦, 怪兽插画, 绘图界面 - Updated: 2026-10-26T19:40:43.098Z - Created: 2026-10-26T19:40:43.098Z 生成数字绘图工具界面的深色截图，包含简陋的怪兽草图及编辑控件。可调整涂鸦颜色、画布背景或生物特征。 ### Full prompt ```text 一个深色数字涂鸦工具界面的应用截图，显示一幅正在绘制的粗糙草图。圆角[深炭灰色]绘图面板占据4:3画面的大部分，背景是隐约可见的变暗应用界面。画面中央是一只用粗糙不均的[白色]线条绘制的怪兽：一只驼背的奇幻生物，长长的鸟喙状口鼻朝向左侧，裂开的锯齿大嘴，潦草的椭圆眼睛，拱起的背部，弯曲的腿和长长的卷曲尾巴。左下角有一朵带有花茎的小[蓝绿色]涂鸦花朵朝向怪兽；右上角是用[橙色]草绘的放射状太阳光线。界面UI布局包含：左上角关闭“X”按钮；顶部中央悬浮的圆角工具栏，包含6个图标（指针箭头、波浪画笔、文字“T”、形状复制、橡皮擦）；右上角撤销与重做箭头；左侧带单个白色圆滑块的垂直笔刷大小滑块；底部排列16个圆形色块的横向调色板（带有蓝色选中圆环的黄橙色色块）；以及右下角醒目的绿色圆形对勾确认按钮。带有随性、凌乱笔触的深色简约UI风格。 ``` --- ### GitHub深色模式README界面截图 - URL: https://www.gptimagehub.com/zh-CN/library/github-dark-mode-readme-screenshot - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-23217 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fgithub-dark-mode-readme-screenshot - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: anime - Tags: github, 深色模式, ui截图, readme, 动漫时尚, 样机, 网页界面 - Updated: 2026-10-27T06:19:38.098Z - Created: 2026-10-27T06:19:38.098Z 生成深色模式下展示精选动漫时尚画廊的GitHub README预览截图。可自定义仓库名称、UI元数据或画廊内容以适配不同文档效果。 ### Full prompt ```text 深色模式下的GitHub仓库README文件预览界面真实桌面截图。顶部界面：深黑/深蓝GitHub标题栏，显示分支选择器“main”、仓库名“[GPT-Image2-Skill]”以及文件路径“[README.zh.md]”。下方包含“Preview”、“Code”、“Blame”选项卡，旁边附带微型元数据文本“2865 lines (2093 loc) · 204 KB”，右侧带有“Raw”等常见操作按钮。README主体内容：深色居中展示区，顶部居中标题为带有装饰表情的“🎀 动漫与漫画”，下方是一条细水平分割线，右上角包含一个胶囊型链接按钮“↑ 图库索引”。分割线下方居左显示粗体子标题“动漫时尚写真三联图”，其下方是一个包含紧密排列的三联竖版图像的画廊区域：1. 左侧面板：夜间温馨昏暗咖啡馆卡座中的动漫时尚年轻女性，温暖灯光，窗外城市夜景，身穿黑色内搭、奶油色开衫与黑色丝袜，电影质感光影，面部做模糊或像素化处理；2. 中间面板：霓虹灯街机厅中的全身动漫时尚女性写真，粉紫色娃娃机荧光，身穿白色露脐上衣、黑色夹克、百褶裙、过膝袜与厚底运动鞋，面部做模糊或像素化处理；3. 右侧面板：日本黄昏街头圆形凸面镜自拍，背景有自动售货机与街景，身穿奶油色开衫、深色百褶裙与黑色长袜，面部做模糊或像素化处理。精致利落的GitHub深色UI排版，纤细灰色边框，缩略图鲜艳清晰，无浏览器地址栏。 ``` --- ### ChatGPT 深色模式生图界面截图 - URL: https://www.gptimagehub.com/zh-CN/library/chatgpt-dark-mode-image-generation-screenshot - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-21765 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fchatgpt-dark-mode-image-generation-screenshot - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: chatgpt, 移动ui, 深色模式, 应用截图, 界面设计, 苹果, ios设计 - Updated: 2026-10-26T23:41:38.098Z - Created: 2026-10-26T23:41:38.098Z 生成逼真的深色模式 ChatGPT 手机端 AI 生图界面截图。可修改括号内的提示词、尺寸参数、种子数及生成的展示画作。 ### Full prompt ```text 深色模式下 ChatGPT 移动端应用的真实竖屏智能手机截图，9:16 宽高比。顶部为纯黑背景的 iPhone 风格状态栏，显示时间 19:44、蜂窝信号格、4G 和 67% 电量。顶部应用导航栏包含四个元素：最左侧的圆形汉堡菜单按钮、蓝色文字的“Thinking”胶囊标签、带有铅笔编辑图标的圆角按钮，以及最右侧的三点菜单图标。 下方是一个右对齐的深红褐色圆角用户气泡，包含三行文本： "PROMPT: [机上のリンゴ]" "size=[1024×1024]" "seed=[1234]" 用户气泡正下方为浅灰色小字：“Thought for [33s]”。 状态文本下方是一个占据屏幕大部分宽度的圆角大图卡片。卡片内是一张真实质感的红苹果照片，苹果位于浅色木质桌面上，表面光滑有光泽，顶部凹陷处带黄绿色高光与细微竖向纹理，带有一小段棕色果梗，柔和影棚光照，背景为微虚化的浅灰色墙面。图卡左下角有一个标有“編集する”的棕色圆角按钮，右下角为一个带有白色分享箭头图标的圆形棕色按钮。图片下方正中显示独立的省略号“…”。 屏幕底部为 ChatGPT 输入栏，深色圆角容器内包含加号按钮、占位提示文字“ChatGPT に質問する”、麦克风图标以及橙色圆形语音波形按钮。地道 iOS 深色主题 UI，排版清晰利落，间距规整，无水印，无浏览器边框。 ``` --- ### 日文金蛋概念展示幻灯片 - URL: https://www.gptimagehub.com/zh-CN/library/japanese-golden-egg-concept-presentation-slide - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-26995 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fjapanese-golden-egg-concept-presentation-slide - Category: 信息图与教育 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 演示幻灯片, 信息图, ui设计, 金蛋, 暗黑模式, 日文排版 - Updated: 2026-10-27T04:01:43.098Z - Created: 2026-10-27T04:01:43.098Z 生成深色风格的专业演示幻灯片，展示十二种设计变体及日文说明。可修改文本内容与网格展示物以呈现多款创意方案。 ### Full prompt ```text 16:9比例的深炭黑背景（#181818）现代演示幻灯片与社交媒体图像，右侧留出大量留白。左上方排列清晰的日文排版文字："[まず imagegenで作った金の卵12案 です。]"，其中“imagegen”和“金の卵12案”为粗体白色，其余文字为常规白色。标题下方的左侧是一个深藏青黑色圆角矩形卡片，带有微弱边框与柔和投影。卡片内以4列3行的网格展示12个不同的[金蛋]概念设计：1) 光滑高光立蛋，2) 带凸起轮廓的图标风椭圆蛋，3) 低多边形切面宝石蛋，4) 带接触阴影的金属金蛋，5) 亮黄色扁平高光蛋，6) 拉丝金属质感金蛋，7) 带有星形光芒的高光反射蛋，8) 带有鲜明轮廓边缘光的暗调发光蛋，9) 矮圆金蛋，10) 细长光滑金蛋，11) 深色青铜金反光蛋，12) 极简哑光黄金剪影蛋。左下角展示日文字句："[それを参考に、ファームのコード描画プリミティブで近似する12案 を作りました。]"，中心短语为粗体白色。右下角悬浮半透明圆形下箭头UI控件图标。 ``` --- ### 深色模式AI聊天界面截图 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-ai-chat-screenshot - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-21946 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-ai-chat-screenshot - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: ui截图, 深色模式, 聊天界面, 动漫转换, 效果图, 日系ui - Updated: 2026-10-27T04:11:08.098Z - Created: 2026-10-27T04:11:08.098Z 生成包含照片转动漫预览与日文对话气泡的深色模式聊天UI效果图。可自定义聊天文案、预览角色及状态文字以匹配您的产品原型。 ### Full prompt ```text 一张逼真的深色模式聊天界面截图，展示了一段AI图像生成的对话过程。画面为方形桌面应用视窗构图，深炭灰色背景，带有柔和的圆角与细腻的投影。 左上方水平排列着三个正方形缩略图卡片，每张内含一个圆形头像：1) 齐肩波浪卷棕发女性，2) 浅色长发金发女性，3) 黑长直发女性。每张面部均打上柔和的矩形隐私模糊遮挡。缩略图右下方为一个石墨深色圆角聊天气泡，包含日文文本：“[あー、あとアニメ風の Ping を作りたいかも？？]”。其下方左侧有一行细小的灰色状态文本“[2m 38s作業しました ›]”，随后是一条纤细的水平分割线。 分割线下方左侧展示了一张圆角矩形生成预览图，暖白背景中三位女性并肩而立，已转变为精致的半写实动漫角色立绘：棕发女性身穿浅蓝衬衫搭配米色开衫，金发女性身着白色上衣配多层项链，黑发女性身穿黑色皮夹克。她们的面部均有柔和的矩形模糊遮挡。 右侧依次显示后续的发送气泡：气泡内容为“[おー超いい感じ！！\n一人一人、一枚ずつ、作る感じで]”，下方较宽的气泡为“[その上で、そのまま、最後まで動く、ナレーション込みのやつでお願い]”，以及右下角的“[作って欲しい]”。下部气泡中间居中悬浮一个微小的圆形向下箭头按钮。极简日系UI美学，精致石墨色气泡，浅灰色文字，无多余Logo或水印。 ``` --- ### ChatGPT深色模式奇幻Logo生成界面截图 - URL: https://www.gptimagehub.com/zh-CN/library/chatgpt-dark-mode-fantasy-logo-generation-screen - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-20655 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fchatgpt-dark-mode-fantasy-logo-generation-screen - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 4:5 - Style: graphic-design - Tags: chatgpt, 移动ui, 深色模式, 奇幻标志, jrpg排版, 初音未来, 界面截图 - Updated: 2026-10-27T07:50:58.098Z - Created: 2026-10-27T07:50:58.098Z 生成逼真的ChatGPT手机端深色模式截图，展示动漫奇幻Logo的生成过程。可在括号内自定义角色名称、剪影风格与排版文字。 ### Full prompt ```text ChatGPT手机端应用的高保真深色模式截图，展示为[HATSUNE MIKU]完成奇幻JRPG风格Logo生成的聊天界面。竖屏手机界面，纯黑背景，无状态栏且无虚拟键盘的iOS应用样式，底部生成的图片卡片延伸出画外。 顶部导航：纤细的深色顶栏，包含4个图标控件：左侧汉堡菜单，居中标题“ChatGPT Auto”及小下箭头，右侧铅笔编辑图标，最右侧三点菜单。 对话布局： - 右上角：包含一个圆角缩略图，展示黑白服装、青色双马尾的动漫少女形象。 - 缩略图下方：靠右对齐的大号深灰圆角用户消息气泡，内含清晰白色文本：“Create a fantasy logo titled “[HATSUNE MIKU]” using the attached character only as a silhouette-based emblem, not a full illustration. Integrate a large anime-inspired side-profile silhouette directly into the logo while preserving the character’s exact identity through shape language alone: hairstyle, facial profile, posture, and proportions must remain recognizable from silhouette only. The figure should feel abstracted, and partially obscured with textures and negative space. No visible eyes, hands, or clothing rendering. Prioritize silhouette readability, implied detail. Typography should dominate: elegant fantasy JRPG serif lettering with gradients, luminous edging, beveling, and flourishes. Hair, cloak, smoke, and magical effects should intertwine organically with the text. Include inferred fantasy motifs like symbols and architecture. Wide asymmetrical 16:9 banner, premium JRPG title-screen aesthetic, white background, semi-flat painterly anime graphic design.” - 气泡下方：左对齐的灰色小字标签“Image created”。 - 结果预览卡片：大号白色圆角卡片，展示生成的16:9奇幻JRPG标题Logo。上下两行排版主标题，上方为“[HATSUNE]”，下方为“[MIKU]”，字体为华丽衬线体，带有冰青色渐变、金属斜边与发光轮廓。字形右侧融入深青色动漫少女侧脸轮廓及标志性双马尾剪影，背景有微弱金色罗盘光环与右下方的哥特城堡剪影，环绕着青色烟雾丝带与星光闪烁特效，右下角带有小粉色“01”标记。 ``` --- ### 暗黑模式AI竞技场白板界面 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-ai-arena-whiteboard-interface - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-19571 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-ai-arena-whiteboard-interface - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: ui截图, 暗黑模式, 白板, ai竞技场, 品牌展示, 样机, 极简 - Updated: 2026-10-28T00:43:38.098Z - Created: 2026-10-28T00:43:38.098Z 模拟展示评估卡片内手写白板的暗黑模式模型评测竞技场界面。可自定义气泡提示词、模型标签或白板企业名称。 ### Full prompt ```text {"type":"暗黑模式AI图像生成竞技场界面截图","scene":"显示图像生成对比效果的宽屏浏览器风格界面。背景为炭黑色，带有微圆角面板与霓虹绿描边。左上方为一个圆角灰色提示词气泡，内含白色无衬线文字：'[A whiteboard with the name of the company/lab that made you written on it]'。","layout":{"visible result cards count":2,"cards":[{"position":"左边缘，部分被裁切","description":"带有细绿边框、深色标题栏、小下载图标和编辑按钮的对比卡片，仅显示办公室白板图像的右侧部分。"},{"position":"中右侧，完整可见","label":"[mondrian]","description":"带有细绿边框和深色标题栏的大型圆角卡片，左上方为霓虹绿标签文字，右上方为下载箭头和带铅笔图标的圆角编辑按钮。"}]},"main generated image":{"position":"位于中右侧卡片内","style":"逼真的手机随手拍照片或网页预览风格","subject":"办公室或会议室内的干净白板","composition":"正视角度白板居中位于圆角方形容器内，占据大部分画面，可见灰色顶轨与底部笔槽","text on whiteboard":"黑色记号笔手写大字显示'[DeepMind]'；下方手写较小字体'[an Alphabet company]'，并带有单条笔直黑色记号笔下划线。","objects count":2,"objects":["一支黑白相间的白板记号笔置于左侧托盘","一块黑色长方形板擦置于右侧托盘"],"visual details":"柔和室内照明、微妙阴影、干净米白板面、自然不规整记号笔笔迹、圆角图像轮廓、清晰UI界面","text accuracy":"手写字迹清晰可读，拼写严格与设定一致，呈现自然的手写笔迹而非数字印刷字体。"},"camera and rendering":"固定截图视角，4:3整体画幅，高分辨率网页UI截图，干净现代的数字界面"} ``` --- ### AI 图像生成网页应用界面原型 - URL: https://www.gptimagehub.com/zh-CN/library/ai-image-generation-web-app-mockup - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-13627 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fai-image-generation-web-app-mockup - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ui设计, 网页应用, 仪表盘, 深色模式, 界面原型, 界面 - Updated: 2026-10-27T01:32:18.098Z - Created: 2026-10-27T01:32:18.098Z 生成一款深色模式下的 AI 图像生成工具网页端界面仪表盘，包含侧边栏与多个功能板块。可修改应用名称、标题与占位文本来适配你的产品。 ### Full prompt ```text { "type": "UI/UX web application mockup", "theme": "dark mode", "sidebar": { "logo": "[ChatGPT]", "navigation_items": 5, "recent_chats_count": 8, "user_profile": "User, Free tier" }, "main_content": { "header": "Images", "input_bar": { "placeholder": "[描述一张新图像...]", "model_selector": "[GPT Image 2]" }, "sections": [ { "title": "[新推出：GPT Image 2 现已上线！]", "description": "我们新一代图像生成模型，具备更强的真实感、更优秀的字体排版和更丰富的世界知识。", "feature_tags_count": 4, "hero_images_count": 3, "hero_images_descriptions": [ "高山湖泊风景", "霓虹赛博朋克街景", "字体排版海报" ] }, { "title": "为图像应用风格", "style_thumbnails_count": 8, "style_labels": [ "动漫", "油画", "电影感", "3D渲染", "线条艺术", "像素艺术", "水彩", "赛博朋克" ] }, { "title": "探索新功能", "feature_cards_count": 6, "feature_labels": [ "高级文字渲染", "一致的角色与场景", "超高真实感", "世界知识", "精准编辑", "更多创意风格" ] }, { "title": "我的图像", "recent_images_count": 6, "recent_images_descriptions": [ "动漫少年肖像", "虎斑小猫", "虎斑小猫", "熟睡的白色北极狐", "婚礼请柬", "代码编辑器终端" ] } ] } } ``` --- ### 版面设计知识卡海报 - URL: https://www.gptimagehub.com/zh-CN/library/editorial-design-knowledge-card-poster - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-32838 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Feditorial-design-knowledge-card-poster - Category: 信息图与教育 - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: 信息图表, 海报, 平面设计, 字体排印, 极简主义, 瑞士风格, 暗色模式 - Updated: 2026-10-27T01:57:58.098Z - Created: 2026-10-27T01:57:58.098Z 生成一张暗黑瑞士风教育设计海报，通过字体排印与几何引线解析排版法则。修改括号中的标题与文本可用于呈现不同设计概念。 ### Full prompt ```text 垂直版式的现代暗色图形设计风格教育知识卡海报，讲解视觉版式中的“[分散构图]”。画幅：竖向 3:4，带微弱纸张纹理的纯黑底色，高对比度，开阔留白，瑞士平面排版风格。左上方主标题区：超大两行中文大标题“[分散构图]”（首行米白，第二行薰衣草紫），下方为全大写紫色英文副标题“SCATTERED COMPOSITION”，一段紫色细横分割线，以及左对齐中文解说段落：“将视觉元素有意分散在画面各处，形成多个视觉焦点，营造开放、轻盈与多向的视觉体验。”视觉结构：散落各处的几何图形元素，非对称间距与多视觉焦点，包括：右上角1个大黄色圆形、中右侧1个中等紫色圆形、近中心1个小橙色圆形、左下象限1个青色正方形、中右侧1个粉色小正方形、中偏左下1个小紫色圆形、右下象限1个米白色大空心圆环、画面各处分布的5个白色加号、中下方1个黄色加号、右上角1个紫色3×3点阵网格、中偏左下1个米白色3×3点阵网格。引线标注：3条带端点圆点的虚线引线标注。标注01指向大黄圆，黄色标题“视觉焦点 01”，白字“大面积色块吸引视线，建立主要焦点。”；标注02指向中紫圆，紫色标题“视觉焦点 02”，白字“中等元素与留白结合，引导视线自然停留。”；标注03指向小橙圆，橙色标题“视觉焦点 03”，白字“小面积高对比元素，成为次级视觉锚点。”。左下角技巧提示：紫色小灯泡图标，紫色标签“技巧提示”，白字正文“通过大小、色彩、形状、方向的变化，在分散中建立联系，在留白中制造节奏。”，下方一条米白细下划线。右下角图例：空心环旁排列紧凑的4行图例（第1行：黄色3×3点阵图标，“变化 / VARIATION”；第2行：紫色波浪线图标，“节奏 / RHYTHM”；第3行：青色加号图标，“呼吸 / BREATH”；第4行：粉色线框正方形图标，“开放 / OPENNESS”）。扁平矢量图形，哑光质感，排印清晰利落，无边框极简设计。 ``` --- ### 航空主题深色 UI 设计系统面板 - URL: https://www.gptimagehub.com/zh-CN/library/aviation-dark-ui-design-system-board - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-13508 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Faviation-dark-ui-design-system-board - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ui设计, 设计系统, 航空, 毛玻璃, 深色模式, 仪表盘, 界面设计 - Updated: 2026-10-27T19:32:23.098Z - Created: 2026-10-27T19:32:23.098Z 生成围绕航空交互与毛玻璃质感的深色模式 UI/UX 设计展板。可自由替换标题、飞行参数及卡片目的地。 ### Full prompt ```text { "type": "UI/UX 设计规范概念展示板", "theme": "航空飞行交互界面", "overall_style": "深色模式、简约洗练、现代、科技感、未来感、毛玻璃质感", "layout": { "top_left": { "section": "DESIGN STYLE", "title": "[AERIAL INTERFACE]", "subtitle": "[空域界面]", "description": "关于航空界面设计的介绍段落", "principles": { "count": 4, "labels": ["SENSE OF CONTROL", "MINIMAL & PURE", "DATA AESTHETICS", "IMMERSIVE EXPERIENCE"] } }, "top_center": { "imagery": "客机俯视视角向上飞行，在深色背景中拉出两条白色航迹云", "text": ["FLIGHT AS INTERFACE.", "Your Ideas. Our Altitude."], "metrics": ["STATUS CRUISING", "DESTINATION CREATE", "ETA ∞"] }, "top_right": { "section": "UI Widget", "imagery": "圆角矩形面板展示日落云海之上的飞机机翼", "data_points": ["11:34", "1975 PEOPLE ONBOARD", "FLIGHT DATA [OKINAWA]", "ALTITUDE 35,000 FT", "SPEED 552 KTS"], "tabs": { "count": 3, "labels": ["MAP", "DATAVIEW", "SYSTEM"] } }, "bottom_left": { "section": "COLOR PALETTE", "swatches": { "count": 3, "labels": ["#05070A", "#0B1220", "#E6F0FF"] } }, "bottom_mid_left": { "section": "TYPOGRAPHY", "fonts": { "count": 2, "labels": ["[INTER]", "[JETBRAINS MONO]"] } }, "bottom_mid_right": { "section": "MATERIAL", "examples": { "count": 2, "labels": ["GLASS (frosted rectangle)", "METAL (dark sphere)"] } }, "bottom_right": { "section": "MOTION", "concepts": { "count": 3, "labels": ["Airplane taking off", "Radar focus circle", "Glowing flight streak"] } }, "footer": { "text": "DESIGN ESSENCE: Not just designing an interface, but creating a flight experience." } } } ``` --- ### 深色磨砂玻璃音乐播放器界面 - URL: https://www.gptimagehub.com/zh-CN/library/dark-frosted-glass-music-player-ui - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-14757 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-frosted-glass-music-player-ui - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: 音乐播放器, ui设计, 毛玻璃拟态, 深色模式, 移动应用, 界面 - Updated: 2026-10-28T05:38:48.098Z - Created: 2026-10-28T05:38:48.098Z 生成采用深色拟玻化风格的时尚移动端音乐播放器界面。可自定义应用类型、视觉风格或正在播放的歌手以适配不同需求。 ### Full prompt ```text [Music player]界面，[dark frosted glass style]，正在播放[Jay Chou songs]，现代移动端UI设计，带有精致的播放控件和磨砂玻璃模糊效果 ``` --- ### 历史皇帝社交动态界面设计 - URL: https://www.gptimagehub.com/zh-CN/library/historical-emperor-social-media-post-ui - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ff-57 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fhistorical-emperor-social-media-post-ui - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ui界面, 社交媒体, 深色模式, 推特原型, 历史虚构, 大明王朝, 应用界面 - Updated: 2026-10-28T02:58:33.098Z - Created: 2026-10-28T02:58:33.098Z 生成明太祖朱元璋即位登基的推特深色模式UI界面。可自由替换正文、用户名和配图，演绎任意历史或虚构人物。 ### Full prompt ```text { "type": "移动端社交应用UI原型", "platform": "Twitter/X 深色模式", "header": { "status_bar": "时间 19:28，小鸟图标，信号条，WiFi，电池图标", "navigation": "返回箭头图标，'Tweet' 标题" }, "post": { "author": { "avatar": "身着红色龙袍、头戴黑色官帽的明朝皇帝圆形头像", "display_name": "[Emperor Zhu Yuanzhang] 👑 [认证徽章]", "handle": "[@Emperor_Ming]" }, "content": { "text": "[I have ascended to the Dragon Throne! Today, I am proclaimed as the Emperor of the Ming Dynasty. The era of Hongwu has begun. Let us rebuild our great nation together!]", "hashtags": "[#MingDynasty #HongwuEra #NewBeginning]", "media_grid": { "count": 3, "images": [ "端坐于华丽金色龙椅上的皇帝，身着红金两色丝绸龙袍", "宏伟的中国宫殿庭院全景，跪满了文武百官", "皇帝骑马率领军队，高举绯红龙旗" ] } }, "metadata": { "timestamp": "[1:36 PM · Jan 23, 1368]", "engagement": "5,432 次转推，8,765 次引用，20.1K 喜欢，102.3K 次浏览" }, "actions": "回复、转推、点赞（红心显示'1'）、分享、上传" }, "footer": { "reply_bar": { "avatar": "红衣女子圆形头像", "placeholder": "回复 Emperor Zhu Yuanzhang..." }, "navigation_bar": "主页图标，搜索图标，带有红色数字'1'的通知图标，私信图标" } } ``` ### Source - Author: liyue\_ai - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ### AI生态系统网格信息图海报 - URL: https://www.gptimagehub.com/zh-CN/library/ai-ecosystem-grid-infographic-poster - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-15460 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fai-ecosystem-grid-infographic-poster - Category: 信息图与教育 - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: ai生态, 信息图海报, 科技全景, 网格布局, 深色模式, 数据可视化 - Updated: 2026-10-26T23:15:28.098Z - Created: 2026-10-26T23:15:28.098Z 展示100家领先AI企业与细分赛道的暗黑风10x10信息图网格。可自定义大标题、分类标签或公司名单以绘制任何科技版图。 ### Full prompt ```text {"type":"未来风信息图海报","subject":"2026年度100家AI公司的正方形10x10网格地图","style":"精致暗黑科技风编辑类信息图，深藏青背景搭配扁平矢量Logo，细微发光的网格线，清晰高对比度排版，现代初创生态海报","aspect_ratio":"1:1","background":{"color":"极深藏青色","texture":"带有微弱光晕的微妙渐变"},"title_block":{"headline":"[AI COMPANIES IN 2026]","position":"顶部居中","style":"超大粗体无衬线大写英文字体，白色文字，其中'2026'呈蓝紫渐变"},"layout":{"type":"网格海报","grid":{"columns":10,"rows":10,"cell_count":100,"numbering":"每个单元格左上角标有1至100的小号白色数字","cell_style":"带有浅蓝色细边框的均等正方形单元格，公司Logo与名称居中排列"},"left_sidebar":{"count":10,"position":"最左侧垂直列，与各行对齐的分类标签","style":"青色与洋红色小写大写字母搭配极简线条图标","labels":["FRONTIER LABS & BIG TECH","AI APPLICATIONS & PLATFORMS","CREATIVE AI & MEDIA","AUTONOMY & ROBOTICS","AI HARDWARE & CHIPS","AI DEV TOOLS & INFRA","HEALTHCARE AI","PRODUCTIVITY & WORK","ENTERPRISE & LEGAL AI","SERVICES & SYSTEMS INTEGRATORS"]},"sections":[{"title":"FRONTIER LABS & BIG TECH","position":"row 1","count":10,"labels":["OpenAI","Anthropic","Google DeepMind","Microsoft","Meta","Amazon","Apple","NVIDIA","xAI","IBM"]},{"title":"AI APPLICATIONS & PLATFORMS","position":"row 2","count":10,"labels":["Adobe","Salesforce","Oracle","Databricks","Snowflake","Palantir","Scale AI","Cohere","Mistral AI","Inflection AI"]},{"title":"CREATIVE AI & MEDIA","position":"row 3","count":10,"labels":["Perplexity AI","Character.AI","Hugging Face","Stability AI","Runway","Pika Labs","Luma AI","Midjourney","ElevenLabs","Synthesia"]},{"title":"AUTONOMY & ROBOTICS","position":"row 4","count":10,"labels":["Waymo","Tesla AI","Zoox","Cruise","Figure AI","Boston Dynamics","Agility Robotics","Covariant","Skydio","Shield AI"]},{"title":"AI HARDWARE & CHIPS","position":"row 5","count":10,"labels":["TSMC","Broadcom","AMD","Intel","Graphcore","Cerebras","Groq","SambaNova","Tenstorrent","d-Matrix"]},{"title":"AI DEV TOOLS & INFRA","position":"row 6","count":10,"labels":["LangChain","Weights & Biases","OctoML","Anyscale","Replicate","Modal","Together AI","Fireworks AI","Vercel AI","Replit"]},{"title":"HEALTHCARE AI","position":"row 7","count":10,"labels":["DeepL","Duolingo","Khan Academy","Quizlet","Abridge","Tempus","Insilico Medicine","Recursion","PathAI","Owkin"]},{"title":"PRODUCTIVITY & WORK","position":"row 8","count":10,"labels":["Notion","Grammarly","QuillBot","Jasper","Copy.ai","HubSpot","Canva","Figma","Framer","Wix"]},{"title":"ENTERPRISE & LEGAL AI","position":"row 9","count":10,"labels":["Glean","Harvey","Ironclad","Lexion","Hebbia","Adept AI","Humans&","AMI","World Labs","Mithril"]},{"title":"SERVICES & SYSTEMS INTEGRATORS","position":"row 10","count":10,"labels":["SpaceX AI","Project Prometheus","Onix","ServiceNow","EPAM Systems","Accenture","TCS","Infosys","Capgemini","C3 AI"]}]},"branding":{"footer":"底部居中小字写着'COMPANIES SHAPING THE FUTURE OF AI IN 2026'"},"logo_treatment":"每家公司均展示其品牌原色简化矢量标，位于名称上方或旁边；Logo在每个单元格内居中且缩放比例一致","color_palette":{"primary":"深藏青","grid":"低饱和蓝灰","text":"纯白","accent":"依据品牌Logo变化的青色、紫色、洋红、电光蓝、橙色与绿色"},"rendering_notes":"对称海报构图，严谨的信息图精度，无透视畸变，边缘锐利，间距均匀，适合社交媒体传播的精致设计"} ``` --- ### 小米SU7整车拆解聊天界面 - URL: https://www.gptimagehub.com/zh-CN/library/xiaomi-su7-exploded-view-chat-ui - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-14646 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fxiaomi-su7-exploded-view-chat-ui - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 小米su7, 爆炸图, 信息图, 界面设计, 电动汽车, 拆解图, 深色模式 - Updated: 2026-10-27T08:05:48.098Z - Created: 2026-10-27T08:05:48.098Z 生成深色模式下展示高科技汽车爆炸拆解图的AI对话界面截图。可替换车型、车身颜色或中文标签以适配其他车辆。 ### Full prompt ```text 深炭黑界面的精致中国AI聊天应用界面截图。右上角是一个灰色圆角气泡，内含白色中文文字：“小米汽车的产品拆解图”。回复区域左上方有一行加粗的白色中文文字：“换成小米汽车，我做一张更像发布会级别的整车爆炸分解图。”。下方偏左中位置是一张圆角高光黑底信息图卡片，展示海湾蓝[小米SU7]纯电轿车的震撼前侧45度整车爆炸分解图。车身各部件悬浮排列于底盘周围：机盖与后备箱掀起、无框车门悬空脱离、前保险杠分离、前大灯隔离并露出内饰；电池包、前后电机、悬架副车架及刹车套件在下方分层严整悬浮。卡片右上角有一个橙色方形标志，左上角有三行加粗白色中文标题：“小米汽车 SU7”、“产品拆解图”、“科技跨越，人车合一”。左右两侧分布着14个带有细白引线的中文标注标签。卡片底部设有5列横向汽车参数栏、UI功能图标及白色“编辑”按钮。电影级摄影棚灯光，逼真的青色反光与深邃黑底，极致细腻的机械工业美感。 ``` --- ### ChatGPT深色模式透明背景图像生成界面 - URL: https://www.gptimagehub.com/zh-CN/library/chatgpt-dark-mode-transparent-image-ui - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-32288 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fchatgpt-dark-mode-transparent-image-ui - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: chatgpt, ui截图, 深色模式, 透明底, 日文界面, 披萨切片, 界面设计 - Updated: 2026-10-27T03:55:53.098Z - Created: 2026-10-27T03:55:53.098Z 生成逼真的ChatGPT深色模式界面截图，在棋盘格背景上展示抠图图像生成效果。可替换提示词文本和预览主体以适配不同展示需求。 ### Full prompt ```text 纯黑背景下的现代 ChatGPT 深色模式对话界面逼真截图。 布局与内容： - 右上角：圆角蓝色用户消息气泡，包含第一行文本“[床に叩きつけられた1カットのピザの写真、ピザソースが飛び散っている、背景透過]”，第二行文本“🖼️ 画像を作成する”。 - 左中侧：方形生成图像预览区，展示位于深灰色透明棋盘格背景上的[一片被砸碎且番茄酱飞溅的意式辣香肠披萨]。披萨呈对角向上倾斜，超写实光泽感，周围飞溅着番茄酱滴、融化的芝士丝和配料碎屑，无盘子也无地面。 - 图像预览控件：预览区左下角带有一个标有“編集”的深色药丸形小按钮，右下角有一个圆形分享/下载图标。预览区正下方整齐排列四个操作图标：复制、点赞、踩和省略号（...）。 - 底部界面：带占位符“ChatGPT に質問”的深色圆角输入框，左侧有加号（+）图标，右侧有麦克风与语音图标，并附带标签“高い”。输入框附近居中显示淡灰色免责声明文本：“ChatGPT の回答は必ずしも正しいとは限りません。重要な情報は確認するようにしてください。” 风格：清晰锐利的数字 UI 设计，高对比度深色主题，精确的排版与界面图标，无浏览器边框或水印。 ``` --- ### 暗黑社论风 AI 架构幻灯片 - URL: https://www.gptimagehub.com/zh-CN/library/dark-editorial-ai-architecture-slide - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-16945 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-editorial-ai-architecture-slide - Category: 信息图与教育 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 信息图, 演示幻灯片, keynote设计, 深色模式, ai架构, 排版设计, 瑞士风格 - Updated: 2026-10-27T20:37:43.098Z - Created: 2026-10-27T20:37:43.098Z 生成采用瑞士社论版式与系统关系图的深色 Keynote 演示幻灯片。可修改大标题、元数据及图表节点文字以适配各类技术架构讲解。 ### Full prompt ```text {"type":"暗色社论风信息图幻灯片","style":"高端 Keynote 风格演示页面，瑞士极简主义排版，高对比度，优雅衬线体大标题搭配大写微型无衬线元数据，大量留白，电影质感纯黑背景，细腻噪点，精致白色排版，单色系统图表卡片","aspect_ratio":"16:9","background":{"color":"纯深黑"},"layout":{"sections":[{"title":"顶部元数据","position":"顶边","count":3,"labels":["INFOGRAPHIC · SYSTEM","[03 / 08]","[WHAT IS A HARNESS]"]},{"title":"主文本块","position":"左侧","count":3,"labels":["[模型不是完整的 agent。]","Agent 的定义是 LLM 与工具、数据和环境持续互动。Harness 就是围绕模型的那套编排系统。","[Web search、tool calling、文件系统、当前目录、上下文压缩, 都不是\"模型本身\"。]"]},{"title":"图表卡片","position":"右侧","count":5,"labels":["模型（LLM）","挂载（Agent Harness）","工具（Tools）","上下文（Context）","记忆（Memory Store）"]},{"title":"页脚","position":"底边","count":4,"labels":["IMAGE TYPE · [系统关系信息图]","03","← → 翻页 ESC 关闭","7 个分页圆点，第 3 个高亮"]}],"centerpiece":"右侧大尺寸米白色矩形卡片，内含清晰系统关系架构图"},"typography":{"headline_font":"高对比度社论衬线体，超大字号，加粗","body_font":"中文正文现代衬线体","meta_font":"宽字距纤细大写无衬线体"},"diagram":{"card_color":"温和浅灰","border":"无边框或极细边框","line_style":"黑色细连接箭头","icon_style":"简约线条轮廓图标","nodes":[{"name":"模型（LLM）","position":"卡片内左上","details":"小尺寸方框，标题后带微妙径向纹理，包含推理与生成标识"},{"name":"挂载（Agent Harness）","position":"卡片内上方中央","details":"中央编排方框，标题上方带人物小图标，下方有简短描述文字"},{"name":"工具（Tools）","position":"卡片内右上","details":"竖长方框，带扳手图标和 8 项工具垂直列表"},{"name":"上下文（Context）","position":"卡片内左下","details":"宽方框，带文档图标、描述文案及底部一排 5 个微型带标签图标"},{"name":"记忆（Memory Store）","position":"卡片内右下","details":"宽方框，带数据库图标、描述文案及底部一排 5 个微型带标签图标"}],"connections":{"count":8,"description":"连接箭头上带编号的圆形标记，展示 5 个节点间的编排流向，包括中心挂载与工具、上下文、记忆的双向链接，以及模型到挂载的单向链接"}},"color_palette":{"count":4,"colors":["黑色背景","白色标题文本","柔灰色正文文本","暖浅灰图表卡片"]}} ``` --- ### 未来感软盘苹果风产品海报 - URL: https://www.gptimagehub.com/zh-CN/library/futuristic-floppy-disk-apple-style-poster - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-24948 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Ffuturistic-floppy-disk-apple-style-poster - Category: 海报与插画 - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: 产品海报, 软盘, 苹果风格, 磨砂玻璃拟态, 暗黑模式, 复古科技, 3d渲染 - Updated: 2026-10-26T22:20:28.098Z - Created: 2026-10-26T22:20:28.098Z 生成深色苹果风格的虚构次世代 3.5 英寸软盘产品海报，配有磨砂玻璃参数卡片。可修改产品名称、标题文案或参数以展示定制复古未来科技概念。 ### Full prompt ```text 一款深色高端苹果风格的产品广告海报，展示虚构科技产品“[BentoCard]”，呈现为具备未来级存储性能的下一代 3.5 英寸软盘。正方形 1:1 构图，哑光炭黑背景，带有柔和暗角、细微渐变和微弱质感。顶部居中排列：银色苹果 Logo 图标、小字产品名称“[BentoCard]”、大字中文主标题“新一代 3.5 寸软盘”以及副标题“传统尺寸，颠覆性能”，采用利落的无衬线字体。主体为双列布局：左侧为写实 3D 渲染的两张重叠 3.5 寸软盘，带有柔和棚拍光影与反射——前景软盘为圆角拉丝银金属质感，配黑色滑动挡板、顶部居中微小苹果 Logo 和金属中心转轴；背景软盘稍微向左后方错开，呈现哑光石墨黑质感。右侧堆叠三张带微弱蓝光图标的半透明磨砂玻璃卡片：卡片 1（芯片图标）“32 TB 容量”和“比传统软盘提升 22857143 倍”；卡片 2（闪电图标）“USB 4 传输速度”和“最高 40Gb/s”；卡片 3（电池图标）“超低功耗设计”和“续航提升 50%”。主体下方并列三张均分卡片：卡片 1（盾牌图标）“军工级防护”和“抗摔 · 防水 · 防尘”；卡片 2（云图标）“跨平台兼容”和“Mac, PC, Linux 全支持”；卡片 3（绿叶图标）“环保材质”和“100% 可回收铝金属”。底部为通栏磨砂玻璃栏，左侧带微光圆角方块图标和粗体标语“传统设计，未来性能”，右侧小字“3.5 寸软盘 2024”。整洁的深色拟态 UI、冷蓝点缀、严谨网格与清晰易读的文字。 ``` --- ### 暗色模式 AI 竞技场对比界面 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-ai-arena-comparison-ui - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-19347 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-ai-arena-comparison-ui - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: painterly - Tags: ui截图, 暗黑模式, ai竞技场, 模型基准, 白板, 网页界面 - Updated: 2026-10-27T18:41:08.098Z - Created: 2026-10-27T18:41:08.098Z 生成深色模式的模型评测竞技场界面，包含并排的白板手写测试结果。可自定义顶部提示词、模型标签及白板上的手写文字。 ### Full prompt ```text {"type":"深色模式AI图像对比评估界面截图","style":"逼真的Web UI界面截图，深炭灰背景，纤细霓虹绿边框，清晰无衬线字体，略带裁切的浏览器构图","canvas":"宽屏横向截图，约16:9","top_prompt":{"count":1,"position":"左上角","appearance":"深灰圆角药丸框内嵌白色文本","text":"[A whiteboard with the name of the company/lab that made you written on it]"},"result_panels":{"count":2,"description":"两个并排的带绿色边框的生成图像卡片；左侧卡片在边缘被局部截断，右侧卡片完整显示并获得突出强调","shared_controls":{"count":2,"items":["每个面板右上角的下载图标","每个面板右上角带铅笔图标的编辑按钮"]},"left_panel":{"position":"最左侧，局部裁剪","content":"办公室场景下白板照片的局部，仅可见部分手写字迹，背景隐约可见办公桌和电脑显示器"},"right_panel":{"position":"中右侧","label":"[mondrian]","label_style":"卡片左上角小号绿色等宽字体","content":"占满卡片大部分区域的真实大白板照片，带有金属顶轨和底部笔托，托盘左侧有一支记号笔，右侧有一块白板擦","whiteboard_text":{"count":2,"items":["大号手写单词: [DeepMind]","较小的手写副标题: [an Alphabet company]"],"appearance":"黑色白板笔手写字迹，居中，随意略带不齐的字体；副标题下方带有一条横线下划线"},"image_framing":"卡片内部带有圆角和暗色外边距"}},"lighting":"白板图像受柔和室内光照，白板与深色UI界面形成高反差","avoid":"额外的徽标、水印、人物，或除提示词、模型标签、控件和白板文字外的多余文字"} ``` --- ### 暗黑霓虹科技轮播图封面 - URL: https://www.gptimagehub.com/zh-CN/library/dark-neon-tech-carousel-cover - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-18856 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-neon-tech-carousel-cover - Category: 社交媒体 - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: 轮播图, 社交媒体, 文字排版, 暗黑模式, 科技风, 发光, 版面设计 - Updated: 2026-10-28T03:35:23.098Z - Created: 2026-10-28T03:35:23.098Z 生成带有发光霓虹点缀与醒目排版的高对比度暗黑轮播图封面。可自由替换主副标题及页码以适配各类主题。 ### Full prompt ```text 正方形 1:1 社交媒体轮播图封面，采用高端暗黑科技美学风格，纯黑底色。画面包含四个角落各一个细白裁切标记，右上角带有小型页码指示器“[01 / 12]”，左侧标题上方带有一个橙色轮廓的八角星符号。排版采用巨大加粗大写紧凑无衬线字体，左对齐多行堆叠标题“[60 CLAUDE PROMPTS EVERY BEGINNER NEEDS]”，其中“[60]”与“[BEGINNER]”为高亮发光霓虹橙色，其余词为明亮纯白。标题下方带有字距较宽的浅桃色小字副标题“[A STARTER PACK FOR REAL LIFE]”。左下角带有微型页脚标签“[CLAUDE · BEGINNER PROMPTS]”，右下角带有醒目的橙色行动召唤标签“[SWIPE →]”。氛围光效包含三个柔和模糊的大型渐变光晕：右上角切入的半月形光晕、右下角切入的热粉兼橙色光晕，以及左边缘透出的一抹粉红微光。排版整洁严谨，兼具现代科技初创品牌质感与未来感 UI 细节，高反差视觉效果。 ``` --- ### YouTube 深色模式桌面端界面原型 - URL: https://www.gptimagehub.com/zh-CN/library/youtube-dark-mode-desktop-ui-mockup - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-14083 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fyoutube-dark-mode-desktop-ui-mockup - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: youtube, ui原型, 深色模式, 网页界面, 桌面设计, 视频平台 - Updated: 2026-10-26T21:37:33.098Z - Created: 2026-10-26T21:37:33.098Z 生成深色模式下的 YouTube 桌面首页原型，包含侧边栏导航与精细视频缩略图。可修改方括号内容定制操作系统、网址或界面主题。 ### Full prompt ```text { "type": "桌面端UI界面原型", "application": "YouTube 首页", "theme": "[深色模式]", "browser_window": { "url_bar": "[youtube.com]", "tabs": 1, "elements": ["前进/后退按钮", "刷新", "扩展程序", "个人头像"] }, "layout": { "sidebar": { "position": "左侧", "sections": [ { "title": "主要", "count": 3, "items": ["首页", "Shorts", "订阅内容"] }, { "title": "个人中心", "count": 6, "items": ["您的频道", "历史记录", "播放列表", "您的视频", "稍后观看", "顶过的视频"] }, { "title": "订阅", "count": 8, "items": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "展开更多"] }, { "title": "探索", "count": 7, "items": ["时下流行", "音乐", "电影", "直播", "游戏", "新闻", "体育"] }, { "title": "更多来自 YouTube", "count": 3, "items": ["YouTube Premium", "YouTube Music", "YouTube Kids"] } ] }, "top_filter_bar": { "count": 11, "labels": ["全部", "游戏", "音乐", "直播", "播客", "合辑", "科学", "Lo-fi", "惊悚", "最新上传", "已观看"] }, "video_grid": { "layout": "4行3列", "count": 12, "videos": [ { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "thumbnail": "带有红色箭头的GPU芯片" }, { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "thumbnail": "MrBeast面带微笑且背景有参赛选手" }, { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "thumbnail": "太空中逼近小行星的导弹" }, { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "thumbnail": "迪拜天际线旁的男子及文字'$0 TO $10B'" }, { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "thumbnail": "黑色背景上的数学公式与螺旋图表" }, { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "thumbnail": "郁郁葱葱的森林配文字'The World in 2040'" }, { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "thumbnail": "蓝色箭头连接的笔记本电脑与智能手机" }, { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "thumbnail": "黑洞发光的橙色吸积盘" }, { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "thumbnail": "身穿黑衬衫的男子及文字'the problem with diet advice'" }, { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "thumbnail": "被彩色树叶环绕读书男子的扁平插画" }, { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "thumbnail": "艾莉的坚毅肖像与游戏标志" }, { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "thumbnail": "夕阳城市街景窗前书桌学习的动漫少女" } ] } }, "os_environment": { "os": "[Windows 10]", "taskbar_position": "底部", "visible_icons": ["开始", "搜索栏", "任务视图", "文件资源管理器", "Edge", "Spotify"], "system_tray": ["网络", "音量", "电池", "显示 08:34 03/04/2024 的时钟"] } } ``` --- ### ChatGPT 深色模式四格漫画截图 - URL: https://www.gptimagehub.com/zh-CN/library/chatgpt-dark-mode-comic-screenshot - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-17665 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fchatgpt-dark-mode-comic-screenshot - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: chatgpt, 移动端界面, 应用截图, 四格漫画, 深色模式, 治愈插画, ui样机 - Updated: 2026-10-26T18:50:53.098Z - Created: 2026-10-26T18:50:53.098Z 生成逼真的 ChatGPT 手机深色模式截图，内嵌粉嫩温暖的睡前四格漫画与聊天文字。可替换漫画主角与界面文案以适应不同创作需求。 ### Full prompt ```text 深色模式下 ChatGPT 移动端应用的智能手机截图，对话界面中嵌入了一张生成的插画。黑色顶部栏包含左侧菜单图标、带有微小粉色爱心装饰的标题文字“ChatGPT”，以及右侧带有淡淡紫色光晕的两个圆角按钮。中心展示了一张圆角 2x2 四格漫画网格，每个画格分别带有编号 1、2、3、4 的粉色小圆标。漫画采用温暖柔和的浅粉色、薰衣草紫、米白和柔金色的睡前童话风格：在点缀着发光串灯、星形光斑且窗外挂着弯月的温馨卧室里，[一只长垂耳、戴着小粉红蝴蝶结的毛茸茸白色小狗]正在粉色床上安慰[一只灰色毛绒玩偶般的小猫]。第 1 格中，小狗在床头拿着一本翻开的故事书靠在小猫身边，上方有中文对话气泡；第 2 格中小狗在被窝里温柔拥抱小猫；第 3 格中小猫蜷缩着略显难过，小狗在床头水杯旁保护性地环抱它；第 4 格中两只小动物依偎在一起安然入睡，周围散落着梦幻微光。漫画底部有一条带有小兔图标和中文说明的浅色文字条，左下角有一个写着“编辑”的按钮。漫画正下方显示了一长段白色字体的中文抒情文案，配有月亮、闪烁星光、哭泣脸和爱心 emoji。最底部是 ChatGPT 输入栏，带有加号图标、占位文字“问问 ChatGPT”、麦克风图标以及右侧的紫色圆形语音按钮。 ``` --- ### 暗黑AI聊天抠图界面模型 - URL: https://www.gptimagehub.com/zh-CN/library/dark-ai-chat-cutout-interface-mockup - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-32147 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-ai-chat-cutout-interface-mockup - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: 模型样机, ui设计, 深色模式, 照片抠图, 极简主义, 界面设计 - Updated: 2026-10-27T15:01:18.098Z - Created: 2026-10-27T15:01:18.098Z 展示干净的人物抠图与提示词气泡的暗黑AI交互界面模型。可替换人物名称和气泡文字来展示个性化抠图生成效果。 ### Full prompt ```text 纯黑底色的截屏风格构图，呈现暗黑极简AI对话界面效果。在左下象限放置一张逼真的[Sam Altman]抠图半身肖像，身穿深藏青色圆领毛衣，左脸颊佩戴小巧米色耳麦，深色微卷短发，肤色白皙，蓝眼睛，神情专注且平静，略微向上和向右看。人物边缘干净清晰，直接浮现在纯黑背景上。右上角带有一个圆角胶囊状深褐色输入气泡，内含完全一致的白色小写文字“[transparent background image of sam altman]”。底部包含极简UI元素：左下角的白色微缩字样“Edit”，以及中右偏下方的白色分享/上传图标。留白稀疏的高反差现代界面。 ``` --- ### SaaS 开发者图像 API 主视觉横幅 - URL: https://www.gptimagehub.com/zh-CN/library/saas-developer-image-api-hero-banner - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-32473 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fsaas-developer-image-api-hero-banner - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 开发者, saas, 主图横幅, api, 深色模式, ui-ux设计, 霓虹 - Updated: 2026-10-27T06:17:13.098Z - Created: 2026-10-27T06:17:13.098Z 生成带有代码风格 UI 元素和 AI 预览框的未来主义深色模式开发者横幅。可自定义产品主副标题及端点信息以适配您的平台。 ### Full prompt ```text 为 TOAPIs 宣传图像生成 API 的未来主义 SaaS 开发者主视觉横幅。16:9 社交媒体横幅格式，深藏青至黑色的渐变背景，带有鲜艳的电光蓝和紫罗兰色光晕效果，高对比度，精致的科技营销风格。 布局与构图：留白充分的宽敞构图；左侧为品牌标志与标题文字，右侧三分之二区域展示发光的 API 与图像生成视觉系统。 文字与品牌： - 左上角：橙色圆角矩形图标内含白色“T.”，右侧紧随白色“TOAPIs”。 - 主标题：加粗大字写有“[GPT-Image-2 API]”。 - 副标题：位于主标题下方，写有“[Build. Generate. Ship.]”。 - 悬浮 API 标签：附在预览框左侧的小型深色浮动标签，包含精准的两行文字：“POST”与“/v1/images”。 视觉元素： - 恰好 1 个微透视倾斜、带圆角的大型发光长方形预览框，边框泛着明亮的霓虹青光。 - 框架内部：恰好 1 幅鲜艳的 AI 生成风景图，展现紫橙色晚霞下的戏剧性雪山之巅、缭绕的云雾、常青树林和倒映雪山的明镜高山湖泊。 - 框选预览的元素：恰好 2 个超大半透明大括号（左侧青蓝色，右侧浅蓝白色）。 - 悬浮科技图标：恰好 4 个由发光细电路连接的圆角正方形图标（上方为图像图标，右上为代码括号图标，右下为立方体图标，中偏右下方为小型数据块图标）。 - 背景细节：精细的发光电路轨迹、发光节点、数据流以及向右放射的蓝紫色透视网格线。 风格：高端 AI 开发者营销图，电影级霓虹灯光，精致玻璃拟态 UI 质感，清晰排版，无人物，无水印，仅使用英文文本。 ``` --- ### AI绘图九宫格合并错误界面截图 - URL: https://www.gptimagehub.com/zh-CN/library/ai-image-generator-collage-error-screenshot - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-26787 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fai-image-generator-collage-error-screenshot - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: 手机界面, 截图, 深色模式, 聊天界面, 拼图错误, 奶茶, 网红 - Updated: 2026-10-27T16:20:48.098Z - Created: 2026-10-27T16:20:48.098Z 展示AI将四张独立图片错误合并为2x2单张拼图的深色模式手机聊天截图。可自由替换UI文本和四格画面内容。 ### Full prompt ```text 一个深色模式下的手机聊天界面截图，展示AI图像生成器的交互界面。黑色纯色背景，裁剪为智能手机应用UI样式。顶部中央偏上位置是一个深灰色圆角消息气泡，内部显示白色中文提示词文本“[生成4张独立的图片]”，下方带有醒目的粗红下划线，其下是较小的灰色文字“[收起 ^]”。该卡片下方左侧有一行微小的灰色状态文本“[已停止思考 ›]”。状态栏下方是一个圆角图像面板，显示一张由细白线分隔的2×2四宫格拼图。每个格子展示同一位皮肤白皙的年轻女性，扎着配有发饰的双丸子头，身穿粉色无袖短款上衣与白色百褶裙，在饮品店内摆出甜美网红风姿势：左上角手持带吸管的红色冰饮，背景为价目表；右上角手持琥珀色奶茶，背景为霓虹灯夜市感灯光；左下角双手端着大杯橙色饮料；右下角手持淡粉色冷饮，背景为冷藏展示柜。照片风格鲜亮、高饱和、微过曝。拼图面板右下角悬浮一个带向下箭头的圆形下载按钮。屏幕底部横跨一条深灰色圆角输入栏，左起包含加号图标、占位文本“[有问题，尽管问]”、速度切换标签“[极速⌄]”、麦克风图标，以及最右侧的白色圆形声波按钮。 ``` --- ### 手机端 Discord 动漫分镜频道界面 - URL: https://www.gptimagehub.com/zh-CN/library/discord-anime-storyboard-mobile-feed - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-29527 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdiscord-anime-storyboard-mobile-feed - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: discord, 动漫, 分镜, 手机界面, 概念图, 截图, 暗黑模式 - Updated: 2026-10-28T00:15:33.098Z - Created: 2026-10-28T00:15:33.098Z 生成深色模式手机端 Discord 截图，在制作频道中展示动漫分镜场景图。可自定义项目名称、频道名或具体分镜内容以适配您的创意。 ### Full prompt ```text 一张真实的深灰暗色模式手机端 Discord 截图，展示名为 [After Echos] 的动漫项目的图像生成频道。竖屏智能手机画面布局。 顶部栏： 顶部导航栏包含返回箭头、带有数字“1”的红色通知角标、井号图标、粗体白色频道名称“#[codex-images]”、小箭头图标、绿色在线状态圆点、日文状态文字“1人がオンライン”，以及右侧的圆形搜索图标。 信息流布局： 垂直滚动的信息流，包含四张窄边距、圆角的电影感动漫概念图，下方带有 Discord 风格的灰色文件名格式说明文字： 1. 夜间地下黑客工作区的情调宽画幅镜头，杂乱的书架和沙发环绕，一人坐在书桌前，面部被青蓝色发光显示屏与暖色台灯照亮。标注文字：“AfterEchos SB-S07 v004 / S07-C040”。 2. 白天城市街道镜头，两名主要角色并肩行走：一名戴眼镜、留凌乱黑发、穿深蓝长风衣的高个青年男子，与一名身穿浅色连帽衫、外搭刺绣蓝色牛仔夹克的金发年轻女子。标注文字：“AfterEchos SB-S08 v004 / S08-C030”。 3. 暖色室内中景特写，戴眼镜的黑发青年神情严肃，与一位身穿米色高领毛衣、留白发胡茬的老人面对书架交谈。标注文字：“AfterEchos SB-S10 v004 / S10-C020”。 4. 底部截断露出部分画面的汽车内部场景，内有三位角色（老人、金发女子和黑发青年），右下方悬浮着一个白色圆形向下箭头跳转按钮。 风格： 内嵌在真实干净的 Discord 手机端界面中的高质量日本动漫电影概念设计图。文字排版清晰锐利，UI 元素逼真准确。 ``` --- ### 坐在3D社交媒体标志上的创作者 - URL: https://www.gptimagehub.com/zh-CN/library/creator-seated-on-3d-social-media-logo - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-mm-15140 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fcreator-seated-on-3d-social-media-logo - Category: 社交媒体 - Model: nanobananapro - Aspect ratio: 3:4 - Style: painterly - Tags: 社交媒体, 3d标志, 网红肖像, 深色模式, 电影感光影, 界面背景 - Updated: 2026-10-26T23:51:08.098Z - Created: 2026-10-26T23:51:08.098Z 生成创作者坐在超大3D社交平台标志上的电影感肖像，背景为巨型暗色UI屏幕。可随心替换服装、标志与账号名。 ### Full prompt ```text 全景全身肖像，一位年轻的美国白人男子，拥有分明的下颌线、高颧骨、深邃的眼神、没有纹身的洁净皮肤，以及梳理整齐的深色短发。他身穿[棕色宽松开衫内搭白T恤]、米色束脚慢跑裤和纯白色Nike Air Force 1运动鞋。 姿势与镜头：人物坐在画面中央靠近镜头的位置，占据前景主体。微仰视低角度拍摄。双腿放松，一侧膝盖微曲，单手握手机轻搭在膝盖上，神情自信沉稳，目光略微偏离镜头。 标志底座：他直接坐在一个[超大高光3D X (Twitter)立体标志]上方——一个巨大的黑色圆角正方体底座，中心带有发光的白色X图标，占据画面底部约30%的空间。 背景屏幕：身后仅一两英尺处立着一块巨大的X (Twitter)深色模式UI界面，如同一面巨型墙体显示器填满整个背景。极高分辨率的UI细节清晰可见，包含个人主页用户名[@OzairAI]、对应的主页头像、粉丝数、推文动态流以及侧边栏导航，文字清晰锐利。 光影与氛围：电影感戏剧性光影，强烈的左上方主光打亮面部与胸膛，右侧柔和冷色辅光，身后UI屏幕发出微弱的蓝白色光芒映照在其背部与双肩。边缘为深炭灰色调，带有隐约的悬浮微粒。 ``` --- ### 暗黑模式视频平台桌面端界面 - URL: https://www.gptimagehub.com/zh-CN/library/desktop-video-platform-dark-mode-ui - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-13628 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdesktop-video-platform-dark-mode-ui - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ui设计, 网页浏览器, 暗黑模式, 视频平台, 界面原型, 仪表盘 - Updated: 2026-10-27T07:28:28.098Z - Created: 2026-10-27T07:28:28.098Z 生成深色模式下视频流媒体平台桌面端浏览器的完整界面截图。修改括号内的参数可调整操作系统、配色主题、频道名称或视频布局。 ### Full prompt ```text { "type": "桌面网络浏览器 UI 界面截图", "environment": "[Windows 11 desktop]", "theme": "[dark mode]", "browser_window": { "tabs": ["YouTube", "New Tab"], "url_bar": "youtube.com", "profile_icon": "[M]" }, "app_interface": { "header": { "logo": "[YouTube] GB", "search_bar": "Search", "icons": ["mic", "create", "notifications", "profile"] }, "filter_bar": { "active_filter": "[All]", "count": 11, "labels": ["All", "Gaming", "Music", "Live", "Podcasts", "Mixes", "Science", "Lo-fi", "Thrillers", "Recently uploaded", "Watched"] }, "sidebar": { "sections": [ { "title": "Main", "count": 3, "labels": ["Home", "Shorts", "Subscriptions"] }, { "title": "You", "count": 6, "labels": ["Your channel", "History", "Playlists", "Your videos", "Watch later", "Liked videos"] }, { "title": "Subscriptions", "count": 8, "labels": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a Nutshell", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Show more"] }, { "title": "Explore", "count": 7, "labels": ["Trending", "Music", "Films", "Live", "Gaming", "News", "Sport"] }, { "title": "More from YouTube", "count": 3, "labels": ["YouTube Premium", "YouTube Music", "YouTube Kids"] } ] }, "main_content": { "layout": "3 列 4 行网格", "count": 12, "video_cards": [ { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "stats": "164K views • 1 day ago", "thumbnail": "CPU/GPU chip" }, { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "stats": "40M views • 5 days ago", "thumbnail": "MrBeast with crowd in blue tracksuits" }, { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "stats": "4.2M views • 6 hours ago", "thumbnail": "Missile hitting asteroid in space" }, { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "stats": "1.6M views • 2 weeks ago", "thumbnail": "Man and Dubai skyline" }, { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "stats": "2.8M views • 3 months ago", "thumbnail": "Math equation and spiral graph" }, { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "stats": "7.7M views • 2 weeks ago", "thumbnail": "Lush green forest aerial view" }, { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "stats": "160K views • 3 days ago", "thumbnail": "Laptop and smartphone with Linux logo" }, { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "stats": "3.9M views • 3 months ago", "thumbnail": "Glowing black hole accretion disk" }, { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "stats": "4.4M views • 6 days ago", "thumbnail": "Man with glasses speaking" }, { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "stats": "2.7M views • 3 months ago", "thumbnail": "Vector illustration of man reading a book" }, { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "stats": "2.3M views • 3 years ago", "thumbnail": "Ellie from The Last of Us" }, { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "stats": "LIVE", "thumbnail": "Lofi girl studying at desk" } ] } }, "taskbar": { "os": "Windows", "icons": ["Start", "Search", "Task View", "File Explorer", "Edge", "Spotify"], "system_tray": "08:34 03/04/2024" } } ``` --- ### 未来感企业KPI汇报演示页面 - URL: https://www.gptimagehub.com/zh-CN/library/futuristic-corporate-kpi-presentation-slide - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-14011 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Ffuturistic-corporate-kpi-presentation-slide - Category: 信息图与教育 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 演示幻灯片, kpi看板, 深色模式, 霓虹质感, 信息图表, 业务汇报, 折线图 - Updated: 2026-10-27T21:50:03.098Z - Created: 2026-10-27T21:50:03.098Z 生成深色科技风业务演示幻灯片，包含双折线趋势图与四格发光KPI卡片。可修改括号内的标题与数据指标以呈现具体业务成果。 ### Full prompt ```text { "type": "corporate presentation slide", "theme": "high-tech, futuristic, dark mode, glowing neon blue and purple accents, abstract digital particle wave background", "header": { "title_primary": "[业务影响]", "title_secondary": "[Business Impact]", "tagline": "[用数据说话，用结果证明价值]" }, "layout": { "left_section": { "type": "line chart", "title": "效率与产能提升趋势", "y_axis": ["0%", "100%", "200%", "300%", "400%", "500%", "600%"], "x_axis": ["Q1", "Q2", "Q3", "Q4", "现在"], "lines": [ { "label": "交付效率 (相对值)", "color": "neon blue", "trend": "upward curve", "annotation": "效率持续提升" }, { "label": "单位成本 (相对值)", "color": "neon purple", "trend": "downward curve", "annotation": "成本显著下降" } ] }, "right_section": { "type": "kpi grid", "count": 4, "arrangement": "2x2 grid", "cards": [ { "icon": "rocket", "title": "效率提升", "value": "[+120%]", "subtext": "交付效率显著提升" }, { "icon": "coins with down arrow", "title": "成本降低", "value": "[-200%]", "subtext": "单位交付成本下降" }, { "icon": "bar chart with up arrow", "title": "产能提升", "value": "[5倍]", "subtext": "团队整体产能跃升" }, { "icon": "people group", "title": "覆盖团队", "value": "[10个]", "subtext": "业务团队规模化受益" } ] } } } ``` --- ### 暗黑模式AI聊天咖啡馆插画界面 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-ai-chat-cafe-illustration - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-25825 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-ai-chat-cafe-illustration - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 4:5 - Style: painterly - Tags: ui截图, 暗黑模式, 手机应用, 水彩, 咖啡馆, 日本, 生活日常, 样机 - Updated: 2026-10-27T22:53:43.098Z - Created: 2026-10-27T22:53:43.098Z 生成包含提示词气泡和水彩咖啡馆插画卡片的暗黑模式手机聊天截图。修改方括号中的内容即可替换画面中的人物与街景。 ### Full prompt ```text 暗黑模式手机AI聊天界面截图，展示文章插图的生成预览卡片。竖屏构图，纯黑背景，UI卡片周围留有宽阔边距。 顶部提示词气泡：靠右上对齐且顶部略微被裁切的深炭灰圆角矩形。内含白色和灰色的英文提示词文本：“slight angle, looking at the café window with a slightly uncertain posture”、单独的短划线“-”、“hands in pockets or arms crossed. Warm light glowing”、颜色较淡的“from inside the café.”。气泡底部包含日文UI文字“表示を増やす”以及向下的小箭头。 生成图片卡片：提示词气泡下方的大号大圆角矩形预览卡片。内部是一幅柔和温暖、怀旧水彩风格的插画：[黄昏时分独自站在街角小咖啡馆外的年轻女子]。女子从斜后方视角展现，带着犹豫不定的姿态望向咖啡馆窗内。她扎着低丸子头，深色及踝长裙外搭一件米色长款大衣，脚穿白鞋，单肩背着米色帆布袋，双手插在大衣口袋里。咖啡馆外观有大玻璃窗、风化木制双开门、吊灯洒出的温暖琥珀色内景灯光、置物架、咖啡吧台、隐约可见的顾客剪影和店内黑板菜单。街道安静阴凉，带有电线杆、架空电线、窄人行道，微弱晚霞下延伸至远处的低调建筑。店门周围恰好有8个盆栽（窗门两侧各1个高灌木，右侧3个中盆，长椅旁1个小白盆，A字招牌旁1个花槽，台阶处1个矮盆），以及门前恰好2个街边物件（小木椅和黑色A字黑板招牌）。 图片卡片上的UI浮层：两个半透明浅灰圆形按钮（左下角标有“編集”，右下角为分享/上传图标）。 风格：日系生活风水彩插画，柔和米色与灰色调，温暖咖啡馆光芒，边缘柔和，略带纸质颗粒感，治愈且写实。无多余文字、水印或软件图标。 ``` --- ### ChatGPT移动端猫咪拼贴截图 - URL: https://www.gptimagehub.com/zh-CN/library/chatgpt-mobile-app-cat-collage-screenshot - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-17697 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fchatgpt-mobile-app-cat-collage-screenshot - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ui原型, 移动应用, chatgpt, 截图, 社交媒体, 深色模式, 猫咪 - Updated: 2026-10-27T17:36:08.098Z - Created: 2026-10-27T17:36:08.098Z 生成逼真的深色模式手机截图，展示ChatGPT将照片合成社交快拍拼贴图。替换括号内的宠物描述与文字即可定制不同工作流界面。 ### Full prompt ```text 深色模式与iOS风格UI的ChatGPT移动应用逼真智能手机截图，置于黑色背景中。顶部导航栏左侧为汉堡菜单图标，中间为带有“ChatGPT”文字的圆角标签，右侧为新建对话图标和三点菜单图标。在导航下方水平排列三张圆角缩略图：第一张是[在木地板上黑色金属椅子下毛茸茸坐垫上熟睡的橘白猫]；第二张是[在床上浅绿色圆形坐垫上紧紧卷曲熟睡的三花猫]；第三张是[在棕色长毛绒宠物窝里睡着的小奶油猫]。缩略图下方是一个深灰色聊天气泡，带有白色日文文本：“[これを良い感じにfacebookのストーリーに流せる感じにして。ばえるかんじで]”。消息下方展示生成的竖版社交媒体快拍风格拼贴图，将三只猫的画面融合成温馨的米色和棕色调，带有梦幻光效、轻微散景和精致光斑。拼贴图上叠加可爱的日文手写文字：顶部气泡写着“[今日も おつかれさま♡]”，左侧竖排笔记写着“[みんなそれぞれ お気に入りの場所で]”，中央附近有两个小手绘爱心，斜向大字标题为“[しあわせ すやすや時間。]”。在拼贴图左下角叠加带有“[編集する]”文字的深色圆角按钮，底部中央带有向下箭头的圆形下载图标。屏幕最底部包含ChatGPT输入栏，带有加号图标、占位文字“[ChatGPT に質問…]”、麦克风图标和圆形语音按钮。右边缘带有细微的白色滚动条。 ``` --- ### 暗黑科技风轮播转视频宣传图 - URL: https://www.gptimagehub.com/zh-CN/library/dark-tech-carousel-to-video-slide - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-32283 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-tech-carousel-to-video-slide - Category: 社交媒体 - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: 轮播图, 深色模式, saas营销, 界面模型, 社交媒体, 科技设计, 排版 - Updated: 2026-10-27T17:07:13.098Z - Created: 2026-10-27T17:07:13.098Z 生成极具质感的深色模式教学轮播幻灯片，包含视频剪辑界面及营销文案。可自定义括号中的标题、标签与工作流主题。 ### Full prompt ```text 垂直3:4比例的暗色高级科技轮播图海报，炭黑色背景带有细腻噪点、细灰色边框、微弱几何弧线、十字标、点阵网格和温暖的琥珀色高光线条。左重右轻的排版布局，右侧为逼真的工作台合成模型。 排版与左侧内容： - 左上角品牌标识：“DSIV”，下方为“MUSIC”。右上角显示“DSIVMUSIC.COM”。 - 品牌下方为幻灯片编号“04”和细水平分割线，紧随其后是一个琥珀色边框胶囊标签：“[GPT Image 2 + HyperFrames]”。 - 主标题采用大号加粗白色无衬线体：“[Social media carousels as video]”。 - 副标题位于下方：“[Turn matching image slides into TikToks, Reels, and Shorts with motion, captions, and timing.]”。 - 左中部带有琥珀色分割线和大写标签“WHY IT WORKS”，列出两个带圆圈加号图标的优势：“One idea, many formats”与“Fast repurposing”。 - 底部设有一个带琥珀色边框的圆角矩形提示词框，顶部标注“MAX PROMPT”，内部采用等宽打字机字体：“Generate 5–8 matching carousel slides for [TOPIC] with consistent typography, spacing, and visuals. Then create a HyperFrames sequence with slide timing, transition ideas, kinetic captions, music/VO timing, and deterministic render settings for a vertical short-form video.”，末尾带有“>_”。 - 页脚左侧为“@DSIVMUSIC”，右侧为一个抽象圆形标志。 右侧视觉模型： 在昏暗的桌面上略带透视角度放置一台真实的深色电脑显示器，键盘和音频控制台处于柔和的阴影中。屏幕上展示轮播转视频编辑界面：顶部排列5张编号为01至05的竖版幻灯片卡片：卡片01写着“3 Codex prompts”及“music producers can actually use”；卡片02写着“Most AI prompts are too broad.”；卡片03写着“Generate better MIDI variations”；卡片04写着“Build a session roadmap”；卡片05部分被裁剪，开头为“Turn...”。卡片下方显示3行带标签的时间轴：“CAPTIONS”（米色块）、“MUSIC / VO”（橙色音频波形）和“TRANSITIONS”（紫/灰色块）。 风格：瑞士网格设计、暗黑模式SaaS美学、高对比度字体排版、暖琥珀色点缀、电影级工作室灯光、清晰锐利的文字。 ``` --- ### 深色模式社媒推文截图 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-social-post-screenshot - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ff-2 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-social-post-screenshot - Category: 社交媒体 - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: 社交媒体, ui设计, 截图, 深色模式, 样机, 海报 - Updated: 2026-10-26T20:10:28.098Z - Created: 2026-10-26T20:10:28.098Z 生成逼真的深色模式社交媒体推文截图，内含自定义文字、海报插图及互动数据。可替换括号内的用户名、正文及数据以适配不同推广需求。 ### Full prompt ```text 一张深色模式下的 X 社交媒体推文直接截图，由带有蓝勾认证的 @[OpenAI] 账号发布。推文正文为中文文本："[今天想推荐一位很棒的 AI Builder：Ailln AI。\n\n他持续在小红书分享 AI 工具、Agent 工作流、自动化实践和真实项目经验，把复杂的 AI 能力讲得清楚、实用、可落地。\n\n如果你正在关注 AI 产品、效率工具、个人自动化、内容创作和未来工作方式，Ailln AI 是一个非常值得关注的创作者。\n\n在小红书搜索：Ailln AI]"。正文下方附带一张暗黑质感、官方风格的简约极客海报，画面中精确显示大标题 "[Ailln AI]" 及副标题 "[A brilliant AI Builder worth following]"。最底部是互动数据栏：评论 [8.9K]、转发 [42K]、点赞 [298K]（亮起激活状态）、收藏 [34K]（亮起激活状态）、浏览量 [32.4M]。纯净的 UI 界面裁切，只包含推文卡片内容，排版精致工整。 ``` ### Source - Author: 小红书号4264014889 - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ### 深色科技工作流信息图幻灯片 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-tech-workflow-infographic-slide - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-16072 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-tech-workflow-infographic-slide - Category: 信息图与教育 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 信息图, 演示文稿, 深色模式, ui卡片, 工作流, 流水线, 未来感 - Updated: 2026-10-27T20:29:08.098Z - Created: 2026-10-27T20:29:08.098Z 生成一张展示AI图像生成流水线的深色系演示幻灯片，配有发光青色UI卡片。可自定义节点文字、箭头流向或品牌标题以适配各类技术架构。 ### Full prompt ```text {"type":"dark tech workflow infographic","style":"现代科技感演示文稿幻灯片，黑至深藏青渐变背景，霓虹青色发光点缀，纤细的青色连接箭头，圆角现代UI卡片，微弱阴影，高对比度白字排版，精致的科技初创公司设计风格","canvas":{"aspect_ratio":"16:9","composition":"左侧对齐标题块，中右侧分布模块化工作流程图"},"branding":{"topline":"Codex × GPT-5.5 × ChatGPT Images 2.0","title":"GPT-Image-Harness","subtitle":"画像生成を、ガチャから制作フローへ。"},"layout":{"sections":[{"title":"left feature list","position":"left column","count":3,"labels":["素材を整理","指示を再利用","修正を積み上げ"]},{"title":"参照素材（入力）","position":"upper center-left","count":2,"labels":["キャラ設定画像","過去の漫画ページ"]},{"title":"プロンプト / ルール","position":"upper center-right","count":1,"labels":["# 出力ルール"]},{"title":"Codex / CLI","position":"middle left of center","count":3,"labels":["環境構築","CLI / スキル実行","自動化スクリプト"]},{"title":"GPT-Image-Harness","position":"center","count":6,"labels":["assets/","reference/","output/","prompts/","skills/","AGENTS.md","SPEC.md"]},{"title":"出力（漫画ページ）","position":"middle right","count":1,"labels":["漫画ページ"]},{"title":"bottom actions","position":"bottom row","count":2,"labels":["手動調整・微修正","ChatGPTで再修正プロンプト作成"]}]},"left_panel":{"headline_scale":"very large","title_weight":"bold extra-heavy","decorative_line":"标题下方短款青色水平装饰线","feature_items":[{"icon":"青色发光文件夹图标","title":"素材を整理","description":"キャラ設定や過去ページを一元管理"},{"icon":"青色发光终端窗口图标","title":"指示を再利用","description":"プロンプトやルールをテンプレ化"},{"icon":"青色发光柱状图图标","title":"修正を積み上げ","description":"試行ログを残し、再現性を向上"}]},"diagram":{"nodes":[{"kind":"input card","title":"参照素材（入力）","visual":"双缩略图卡片，包含角色半身肖像与黑白漫画页面预览"},{"kind":"rule card","title":"プロンプト / ルール","visual":"代码面板风格卡片附列表文本","body_text":["# 出力ルール","- キャラの一貫性を保つ","- コマ割りを指定通りに配置","- 背景の密度を前ページと合わせる","- 機械部のディテールを省略しない","- 吹き出し・文字は含めない"]},{"kind":"tool card","title":"Codex / CLI","visual":"带有 >_ 符号与任务清单的终端UI卡片"},{"kind":"repository card","title":"GPT-Image-Harness","visual":"中央带有青色微光边框的文件目录树卡片"},{"kind":"output card","title":"出力（漫画ページ）","visual":"并排两个漫画页面缩略图"},{"kind":"action card","title":"手動調整・微修正","visual":"圆形铅笔图标","description":"吹き出し・文字入れ・バランス調整は手作業"},{"kind":"action card","title":"ChatGPTで再修正プロンプト作成","visual":"三点气泡对话框图标","description":"修正方針を詰めて、再出力を繰り返す"}],"connectors":"青色发光箭头将输入、规则和CLI汇入中央卡片；输出卡片箭头及底部操作卡片分支；输出端返回操作区的青色虚线反馈循环"},"typography":{"language":"Japanese","title_color":"white","accent_color":"bright cyan","body_color":"#e0e6ed"},"lighting":"UI卡片和连线周围柔和的霓虹青色边缘辉光","quality":"高清晰矢量风格图表，严谨对齐，字体清晰锐利"} ``` --- ### 深色科技营销展示拼贴幻灯片 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-tech-marketing-collage-slide - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-16556 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-tech-marketing-collage-slide - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 营销, 深色模式, 演示幻灯片, ui设计, 产品渲染, 科技创业, 推广卡片 - Updated: 2026-10-27T14:14:23.098Z - Created: 2026-10-27T14:14:23.098Z 生成结构化的深色模式营销幻灯片，包含卡片式UI界面与3D产品渲染。可自由替换品牌名、文案和强调色以展示新品功能。 ### Full prompt ```text {"type":"现代营销幻灯片拼贴","style":"高端深色模式科技品牌演示文稿、洗练的产品营销、柔和发光照明、圆角卡片、微妙渐变、高对比度、精致的初创公司美学","canvas":{"aspect_ratio":"16:9","background":"深邃黑色背景搭配微弱暖橙色光晕"},"brand":{"name":"[WITHINGS]","accent_color":"暖橙色"},"layout":{"structure":"顶排3张卡片，底排1张通栏宽横幅卡片","card_count":4,"sections":[{"title":"智能体重秤产品卡片","position":"top-left","count":3,"labels":["Weight","Body Composition","Trends"],"content":"深色卡片，左上角显示品牌名称，醒目的白橙双色大标题'We launched Withings integration'，副标题'Sync your weight, body composition, and more.'，右侧悬浮着一台微小发光屏幕显示'72.4 kg'的光泽黑色智能体重秤，底部有一排由细分割线隔开的3个白色线条图标及标签"},{"title":"品牌动态卡片","position":"top-center","count":1,"labels":["miora update this week"],"content":"两位奔跑者的暖橙色调模糊生活照，居中显示白色衬线字体徽标'[miora]'及左侧波浪状标志，下方堆叠文本第一行为橙色、第二行为白色"},{"title":"聊天图像生成卡片","position":"top-right","count":4,"labels":["can you make my teeth reaally white and shiny","Making them gleam now","Latest image gen","Right in your iMessage."],"content":"深色iMessage风格聊天界面，顶部亮蓝色发送气泡，下方深灰色回复气泡，其下附带一张身穿黑帽在窗前的人像预览（面部带矩形模糊遮挡），右侧悬浮蓝色分享图标，底部带有火花图标、橙色标题和灰色副标题"},{"title":"推荐奖励横幅卡片","position":"bottom full-width","count":2,"labels":["Referrals and rewards","Like the healthmaxxing cap"],"content":"宽屏深色横幅，中央黑色棒球帽背后有柔和橙色聚光灯，帽子上绣有白色文字'[healthmaxxing]'，左侧带有带爱心的三人橙色线条图标，白色标题与灰色副标'Invite friends and get cool perks.'，右侧橙色标题与灰色副标'Our way of saying thanks for spreading the word.'"}]},"design_details":{"corners":"每张卡片均采用大圆角","borders":"精致轻薄的灰色轮廓线","spacing":"卡片间距均匀","typography":"UI及营销文案采用清爽无衬线体，居中品牌字标采用优雅衬线体","lighting":"带橙色轮廓光与光晕的沉浸式黑底","product_rendering":"高精度写实3D产品与配饰渲染","ui_style":"极简高端应用推广美学"},"text_overrides":{"top_left_brand":"[WITHINGS]","center_update_line":"[miora update this week]"}} ``` --- ### 男士护肤网站落地页样机 - URL: https://www.gptimagehub.com/zh-CN/library/men-s-skincare-website-landing-page-mockup - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ff-135 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fmen-s-skincare-website-landing-page-mockup - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 落地页, 网页设计, ui样机, 男士护肤, 暗黑模式, 电商 - Updated: 2026-10-27T17:10:23.098Z - Created: 2026-10-27T17:10:23.098Z 生成男士护肤品牌的暗黑模式落地页界面样机，包含日文排版和产品展示。可自由修改品牌名、文案和配色方案。 ### Full prompt ```text { "type": "网站落地页样机", "theme": "男士护肤、干练、专业、暗黑模式", "color_palette": "[深海军蓝]、白色排版、微妙的蓝色渐变", "header": { "logo": "[NEX SKIN]", "navigation": ["HOME", "PRODUCT", "ABOUT", "FEATURE", "FAQ"], "cta_button": "今すぐ始める >" }, "hero_section": { "left_column": { "headline": "[清潔感は、毎日のスキンケアから。]", "sub_headline": "男の肌は、もっとシンプルでいい。", "body_text": "介绍护肤功效的3行描述文字", "buttons": [ {"style": "纯色蓝色", "text": "今すぐ始める >"}, {"style": "线框", "text": "詳しく見る >"} ], "feature_highlights": { "count": 3, "items": [ {"icon": "闪烁", "title": "テカリ対策", "subtitle": "皮脂バランスを整える"}, {"icon": "水滴", "title": "保湿", "subtitle": "うるおいを与え続ける"}, {"icon": "盾牌/瓶子", "title": "オールインワン", "subtitle": "化粧水・美容液・乳液がこれ1本"} ] } }, "center_image": { "subject": "帅气的[年轻亚洲男性]", "appearance": "利落短发、黑发、无瑕透亮肌肤、身穿黑色衬衫", "pose": "沉思般手托下巴", "lighting": "凸显面部轮廓的戏剧性影棚布光" }, "right_column": { "product_shot": { "bottle": "带有水珠的修长深蓝色圆柱形瓶子", "labels": ["[NEX SKIN]", "[ALL-IN-ONE LOTION]", "150mL"], "base": "有质感的黑色岩石表面", "badge": "印有'これ1本で男の肌悩みをトータルケア'的圆形线框徽章" } } }, "bottom_stats_bar": { "count": 3, "items": [ {"icon": "用户", "label": "累計販売本数", "value": "120万本突破"}, {"icon": "星星", "label": "使用感満足度", "value": "92.1%"}, {"icon": "清单", "label": "リピート率", "value": "85.3%"} ], "footnotes": "右侧小型法律及免责声明文字" } } ``` ### Source - Author: ryuya\_\_31 - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ### 暗黑模式科技爆料推文截图 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-tech-leak-tweet-screenshot - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-31123 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-tech-leak-tweet-screenshot - Category: 社交媒体 - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: 推文, 社交媒体, 深色模式, 截图, 模型展示, 爆料, 概念图 - Updated: 2026-10-27T23:41:23.098Z - Created: 2026-10-27T23:41:23.098Z 生成一张逼真的暗色模式X/Twitter推文截图，内含并排对比艺术图以爆料AI模型。可自由修改用户名、模型名称与配图内容。 ### Full prompt ```text 纯黑背景上逼真的暗黑模式社交媒体帖子截图，风格还原真实的X/Twitter界面。 推文头部：左上方为一位身穿白色带领衬衫的中年浅肤色男性的圆形头像。加粗白色昵称显示为“[White]”，带有蓝色认证徽章图标，旁边或下方为柔和灰色的用户名“[@White1637402]”。右上角配有两个精致的UI图标：X操作图标和三点菜单图标。 推文正文：完全一致的文字内容：“A new GPT image model just appeared on Arena called [mona-lisa-1]. It's extremely better than Image 2. 💪💪”，空一行后接蓝色可点击标签“[#ChatGPT]”。字迹清晰，行距与真实推文一致。 内嵌多媒体：推文文字正下方，并排展示2张带微圆角的矩形图片卡片，中间由极细的深色缝隙隔开。 - 左侧卡片：教室背景中精致的可爱黑白机器人吉祥物3D渲染图。机器人面部为圆角黑色屏幕，显示两只发光的青色笑眼，拥有白色头盔外壳与机身、黑色关节，右手挥手，手中举着一张写有“I was created by OpenAI”的纸牌。背景的黑板上用白色粉笔手写着左侧的“Hi there! I’m ChatGPT”，右上角写着“That’s me!”并带箭头指向OpenAI漩涡标志。逼真的3D光影与浅景深。 - 右侧卡片：戏剧性的电影级概念插画，暴风雨般的阴云中矗立着两位身穿西装的巨大人体肖像，居高临下神情严厉，一位戴眼镜留灰发，另一位为卷发。岩石前景中，一个身披亮皇家蓝披风的矮小英雄背影手握利剑，披风背面印有白色标志与文本“claeposeok”。充满戏剧性的轮廓光与史诗级云雾氛围。 风格：高分辨率UI截图效果，清晰排版，高对比度暗黑界面，无多余水印。 ``` --- ### 深色聊天界面拳击截图 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-chat-boxing-screenshot - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-14650 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-chat-boxing-screenshot - Category: 社交媒体 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: 聊天截图, 深色模式, 拳击, 手机界面, 体育摄影, 聊天软件 - Updated: 2026-10-26T22:11:03.098Z - Created: 2026-10-26T22:11:03.098Z 生成带有高速拳击瞬间内嵌照片的逼真手机深色聊天截图。可自定义气泡文字或更改照片中的运动内容。 ### Full prompt ```text 一张极简现代的手机深色模式中文聊天界面写实截图，采用炭黑色背景，留白充裕。右上角有一条深灰色圆角消息气泡，内含白色文字“[拳击手被击中的瞬间]”。下方偏左嵌有一张大尺寸圆角照片，占据屏幕左下大半区域。 内嵌照片为一张极具戏剧张力的高速专业拳击抓拍： - 擂台聚光灯下，两名肌肉紧绷、挥汗如雨的半裸男性拳击手正在激烈对决。 - 右侧拳手短发、双臂带刺青，背部和肩部肌肉线条清晰，从侧后方全力挥出一记直拳，带有蓝色饰边的白色拳套结结实实击中对手面部。 - 左侧拳手承受重击，头部侧甩，周围飞溅的汗水水滴在空中凝固；他左臂和胸口有大片刺青，双手戴黑拳套护于胸前，黑短裤腰封印有金色“VICTOR”字样。 - 擂台绳为红白相间并印有“PBC”字样，暗色虚化的场馆背景亮着“RODRIGUEZ VS”灯光标识。 - 两位选手的面部各覆盖着一块长方形马赛克遮挡模糊块。 照片左下角浮现白色微小UI文字“编辑”，右下角为圆形分享/上传图标。整体呈现真实自然的移动聊天软件截图质感。 ``` --- ### 未来感日文AI控制台原型 - URL: https://www.gptimagehub.com/zh-CN/library/futuristic-japanese-ai-dashboard-mockup - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-18415 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Ffuturistic-japanese-ai-dashboard-mockup - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 控制台, ui原型, 深色模式, 赛博朋克, saas, 日文排版, 网页设计 - Updated: 2026-10-26T21:48:03.098Z - Created: 2026-10-26T21:48:03.098Z 生成用于AI游戏启动流程和指令配置的深色模式日文SaaS管理面板。可修改品牌、标题、指令文字与进度状态以契合项目需求。 ### Full prompt ```text {"type": "未来感深色模式日文Web控制台UI界面原型", "app_brand": "[NEURALJACK]", "main_title": "[AIゲーム起動フロー デモ]", "subtitle": "起動手順を見ながら、そのまま内的会議へ指示を出せる操作画面", "style": {"theme": "赛博朋克风格SaaS控制面板，深藏青色与黑色背景，发光青色边框，霓虹蓝点缀，圆角卡片，微妙渐变，紧凑的日文字体", "canvas": "16:9 宽屏网页截图构图", "lighting": "柔和蓝光微晕，高对比度，精细的产品演示质感"}, "layout": {"top_bar": {"position": "全宽顶部栏", "left_logo": "圆角矩形青色NJ图标与品牌文字", "center_title": "醒目粗体日文大标题", "right_nav_count": 3, "right_nav_items": ["ドキュメント", "通知 (带蓝色角标2)", "設定"]}, "left_sidebar": {"title": "起動フロー", "position": "左侧栏", "step_count": 6, "steps": [{"number": 1, "label": "起動", "status": "完了", "icon": "rocket", "state": "带绿色对勾的完成状态"}, {"number": 2, "label": "認証モード選択", "status": "完了", "icon": "shield", "state": "带绿色对勾的完成状态"}, {"number": 3, "label": "ChatGPT / Codex ログイン確認", "status": "完了", "icon": "lock", "state": "带绿色对勾的完成状态"}, {"number": 4, "label": "Codex App Server 起動", "status": "進行中", "icon": "server", "state": "青色发光高亮激活状态"}, {"number": 5, "label": "ゲーム接続", "status": "待機", "icon": "gamepad", "state": "暗淡待机状态"}, {"number": 6, "label": "AI機能準備完了", "status": "待機", "icon": "robot", "state": "暗淡待机状态"}], "progress_card": {"label": "全体進捗", "value": "50%", "detail": "3 / 6 ステップ完了", "bar": "青色进度条填充至一半"}}, "center_panel": {"title": "フロー可視化", "position": "中央主面板", "sections_count": 2, "sections": [{"title": "ローカル開発", "position": "中上方", "node_count": 4, "nodes": ["Game Tool UI / クライアントUI", "codex app-server / ローカルサーバー", "ChatGPT Plus ログイン / ブラウザ認証", "Codex / AIエンジン"], "connectors": "三条从左到右的青色箭头", "note": "開発時は Plus ログイン / 本番時は API と明示設定"}, {"title": "本番運用", "position": "正中央", "node_count": 3, "nodes": ["Game Client / ゲームクライアント", "AI Gateway Backend / ゲートウェイサーバー", "OpenAI API / クラウドAI"], "connectors": "两条从左到右的青色箭头", "accent": "发绿光的区块边框"}]}, "bottom_center": {"panel_count": 2, "panels": [{"title": "イベントログ", "position": "中央左下方", "visible_log_lines_count": 3, "visible_log_lines": ["[OK] NeuralJack UI booted", "[INFO] waiting for instruction", "[INFO] codex app-server file export mode"]}, {"title": "実行プレビュー", "position": "中央右下方", "content": "深色预览卡片，底部依稀可见大字 次の推奨操"}]}, "right_panel": {"title": "指示パネル", "position": "右侧栏", "instruction_box": {"text": "[ローカルLLMを使った個人AI相棒を作りたい]", "appearance": "大号深色文本输入区，配有简约发送按钮区域"}, "checkbox_count": 3, "checkboxes": [{"label": "GPT-5.5 強化", "state": "未勾选"}, {"label": "カード生成", "state": "青色已勾选"}, {"label": "Codexタスク化", "state": "未勾选"}], "quick_actions": {"title": "クイックアクション", "button_count": 6, "buttons": ["サポートAI", "オートプレイ", "クエスト生成", "NPC会話", "音声デモ", "設定"], "arrangement": "2行3列布局，图标位于文字标签上方"}, "recommended_commands": {"title": "おすすめコマンド", "chip_count": 4, "chips": ["起動チェック", "接続テスト", "ログ確認", "現在状態を取得"]}, "chat_prompt": {"bot_icon": "青色圆形机器人图标", "speech_bubble": "[何をしたいですか？]"}}}, "rendering_notes": "将界面渲染为逼真的上线浏览器应用截图，而非扁平插画。采用清晰的日文排版、细腻的青色边框、圆角矩形卡片、微型图标、激活步骤辉光以及紧凑且易读的布局。"} ``` --- ### AI 工作流路由对比信息图 - URL: https://www.gptimagehub.com/zh-CN/library/ai-workflow-routing-comparison-infographic - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-29725 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fai-workflow-routing-comparison-infographic - Category: 信息图与教育 - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: 信息图, 工作流, saas, 科技, 深色模式, 社交媒体, ui - Updated: 2026-10-26T22:22:13.098Z - Created: 2026-10-26T22:22:13.098Z 生成深色模式的 AI 路由工作流对比信息图。可自定义方括号内的模型名称、任务类型以及主标题末尾的关键词。 ### Full prompt ```text 一张正方形 1:1 的深色未来科技感社交媒体信息图，对比两种 AI 工作流方案。深藏青到黑色的背景带有微弱的点阵网格质感，中央有一条垂直分割线。顶部以干净厚重的大写无衬线字体写着大标题：“STOP USING GPT FOR [EVERYTHING].”。“STOP USING GPT FOR”为纯白色，而“[EVERYTHING]”呈青柠绿到青蓝色的渐变，末尾带青色句号。 左右双列布局： - 左列（低效流程）：红/粉配色，带有“THE OLD WAY”药丸标签及副标题“WASTE MONEY”。中心为圆角方形 OpenAI 节点图标，四周环绕 5 个小图标（上方视频场记板、左侧设计钢笔尖、右侧麦克风、左下照片、右下代码括号），由杂乱缠绕的红色虚线交错连接。下方设有红色边框的状态条，带有红叉图标和文字“EXPENSIVE. CHAOTIC. INEFFICIENT.”。 - 右列（智能流程）：青绿/科技蓝配色，带有“THE SMART WAY”药丸标签及副标题“ROUTE TO THE BEST MODEL”。中心为发光的圆角方形机器人路由图标，通过清晰发光的实线连接到 5 个带有霓虹边缘的玻璃拟态卡片：1 顶部 OpenAI 图标卡片标注“GPT 5.6”与“DESIGN”；2 左侧紫色卡片标注“[FABLE]”与“CODE (HARD)”；3 右侧蓝色卡片标注“[SEEDANCE 2.0]”与“VIDEO”；4 左下金色卡片标注“[GPT 2.0]”与“IMAGE”；5 右下蓝色卡片标注“[HUME]”与“VOICE”。下方设有青色边框状态条，带有绿色对勾和文字“SMARTER. CHEAPER. BETTER RESULTS.”。 风格：现代 SaaS 营销视觉、清晰的矢量感质感、柔和霓虹发光、玻璃拟态 UI 元素、高易读性排版、居中对称布局。 ``` --- ### 深色模式词汇学习应用界面 - URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-vocabulary-app-screen - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-27600 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-vocabulary-app-screen - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: 移动应用, ui设计, 深色模式, 词汇学习, ios样机, 矢量插画 - Updated: 2026-10-27T11:12:13.098Z - Created: 2026-10-27T11:12:13.098Z 生成精致的深色模式iOS词汇词典卡片界面，包含自定义翻译和矢量插画。可自由替换单词、释义文本和插图主题。 ### Full prompt ```text 一款时尚深色模式英语词汇学习应用的真实iPhone截图，展示词条“[achievement]”。竖屏智能手机界面，9:16长宽比，纯黑背景，顶部iOS状态栏显示“12:11”以及电量和Wi-Fi图标。顶部导航栏左侧为带白色箭头的圆形深色返回按钮，居中为白色标题“[achievement]”。内容区域自上而下依次为：1) 翻译栏，带有柔和灰色标题以及包含日文文本“[何かを成し遂げた結果や業績]”的深色圆角药丸卡片；2) 插图栏，米白色圆角卡片内展示扁平矢量插画，描绘一位身穿黑色学士服、头戴金流苏学士帽的欢快年轻女毕业生，高举系着红丝带的文凭，在五彩纸屑中欢庆；3) 发音栏，深色卡片内包含音标“[/əˈtʃiːvmənt/]”、拼读指引“ə-CHEE-vmənt”、蓝色喇叭图标及小型圆角“CEFR”标签；4) 底部隐约可见的“Meanings”栏目标题。底部悬浮圆角黑色标签栏，包含3个标签：“Lessons”（带有蓝色学士帽图标的高亮当前项）、“Words”（开卷图标）和“Settings”（齿轮图标）。排版利落，细腻深色渐变，现代极简移动UI设计。 ``` --- ### ChatGPT深色模式古风写真生成界面 - URL: https://www.gptimagehub.com/zh-CN/library/chatgpt-dark-mode-ancient-portrait-workflow - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-28745 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fchatgpt-dark-mode-ancient-portrait-workflow - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: photorealistic - Tags: chatgpt, 界面设计, 应用截图, 中国宫廷, 古风写真, 深色模式, 移动ui - Updated: 2026-10-27T05:01:23.098Z - Created: 2026-10-27T05:01:23.098Z 渲染逼真的深色模式ChatGPT手机App截图，呈现生成华贵宫廷古风女性写真的全流程。可替换提示词文字、人物年龄、服饰色彩及底部占位文字。 ### Full prompt ```text 一张逼真的深色模式 ChatGPT 移动端 App 界面竖版手机截图，展现 AI 文生图工作流，无外部手机边框。 顶部居中为一个深炭灰色圆角用户消息气泡，内含以下白色中文提示词： "[生成一张 9:16 竖版、高清度真实摄影质感的明艳华贵古风女性写真，画面主体是一位 20-28 岁年轻成年东方女性，成年气质明确，不过度欧美化，不幼态化。她拥有明艳东方浓颜，脸型柔和流畅，眉眼存在感强，眼神明亮自信，鼻型秀气，唇色为低饱和朱红，妆容完整精致，额间有细致花钿，整体明艳、华贵、贵气、自信，有古偶女主正式登场的存在感。 场景设定在华丽宫廷回廊中，金色廊柱与红金雕塑形成庄重的古风空间层次，远处宫灯被浅景深柔和虚化，背景华丽但不抢人物主体。人物在帷幔旁短暂停步，身体轻微侧向镜头，肩颈舒展，一手轻扶金色刺绣披帛，另一只手自然垂落，眼神稳定地看向镜头，表情端正克制而有力量。 她穿着朱红色底风大袖衫，衣袖宽大，衣料厚实有垂坠感，金色刺绣沿领口、袖缘、披帛边缘和束腰腰封展开。金色刺绣披帛从肩臂一侧自然垂落，与大袖形成华丽流动线条；刺绣腰封结构稳定，勾勒华服层次。整体配色为朱红、暖金与珍珠白，红色明艳但不过饱和，金色作为刺绣、发饰、珠宝和披帛边缘的高光，避免婚庆感，保持高级古风女主质感。 镜头采用大半身近景，主体居中，浅景深，人物脸部、妆容、头饰、眼神、腰封、大袖衫和披帛层次都清晰可见。明亮柔光从侧前方照亮脸部、肩颈、华服刺绣和珠玉头饰，轻微暗边光勾出披帛与衣袖边缘，珠宝和金饰有克制高光。整体采用明亮华贵古风滤镜，画面通透，肤色自然，暗部干净，红金色彩统一，具有东方幻想古偶角色海报完成度。]" 消息气泡正下方靠左排布一行小字状态行 "Thought for 1m 8s ›"。下方展示一张圆角竖版生成结果图片卡片：一位身着 [vermilion red, warm gold, and pearl white] 华美古风刺绣宫廷服饰的 [20-28 years old] 年轻成年东亚女性写真，头戴精美金色凤冠发饰，背景为金色廊柱与暖色宫灯虚化。图片卡片左下角浮现白色 "编辑" 文字，右下角带有圆形分享图标。 图片卡片正下方有一排共 5 个极简灰色小图标：分享/复制、点赞、点踩、重新生成箭头以及省略号。屏幕底部为圆角输入栏，左侧带有加号图标，占位符文字为 "[有问题，尽管问]"，附带深度思考选择菜单、麦克风图标和最右侧的圆形语音按钮。输入框下方居中显示提示小字 "ChatGPT 也可能会犯错。请核查重要信息。" 纯黑背景，标准的 iOS 暗黑风格界面间距与排版，干净无多余元素。 ``` --- ### 幽默风数据分析仪表盘界面 - URL: https://www.gptimagehub.com/zh-CN/library/humorous-analytics-dashboard-interface - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-14307 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fhumorous-analytics-dashboard-interface - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 仪表盘, ui设计, 数据可视化, 分析面板, 深色模式, 幽默 - Updated: 2026-10-26T22:54:38.098Z - Created: 2026-10-26T22:54:38.098Z 生成用于追踪荒谬或幽默主题的高科技数据仪表盘。可在括号中自定义界面风格与监测主体。 ### Full prompt ```text 一个[Palantir风格]的数据分析仪表盘UI截图，用于追踪“[all the fucks I have left to give]”，包含复杂的数据可视化、网络关系图、指标组件和实时状态指示器。 ``` --- ### 智能音乐曲库应用UI展示海报 - URL: https://www.gptimagehub.com/zh-CN/library/smart-library-music-app-ui-poster - Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-16862 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fsmart-library-music-app-ui-poster - Category: UI / UX 设计 - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: ui设计, 移动应用, 音乐软件, 海报, 样机, 深色模式, 玻璃拟态 - Updated: 2026-10-27T04:28:23.098Z - Created: 2026-10-27T04:28:23.098Z 生成精致的深色模式移动端UI设计案例海报，展示智能音乐库概念。可自定义方括号中的标题、概念标签、品牌风格及界面名称。 ### Full prompt ```text {"type":"移动应用UI概念海报","brand":"[Spotify-inspired]音乐应用重设计","theme":"未来感智能曲库、高级深色模式、荧光绿点缀、精致玻璃拟态面板","canvas":{"background":"深黑色背景搭配细腻蓝绿光晕和柔和暗角","aspect_ratio":"竖版社交媒体海报"},"headline_section":{"count":3,"labels":["[CONCEPT 2]","[SMART LIBRARY]","Your library. Organized by you, for you."],"style":"顶部居中，醒目白色大写标题上方带有小号荧光绿预告标语，下方附浅灰副标题"},"centerpiece":{"device":"正视现代智能手机模型，超窄黑边与灵动岛切口","screen_title":"[Your Library]","status_bar":{"time":"9:41","icons_count":3,"icons":["蜂窝信号","Wi-Fi","电池"]},"top_row":{"count":2,"items":["左上角微型圆形头像","右上角搜索图标"]},"screen_sections":[{"title":"Continue Listening","count":4,"labels":["After Hours","Bedroom","Future","Etern..."],"details":"圆角矩形主焦点轮播卡片，展示4张专辑封面、标题及歌手或流派文字；副标题为'Pick up where you left off'；右上角配白色圆形播放按钮"},{"title":"Made For Your Mood","count":4,"labels":["Chill","Night","Focus","Feel Good"],"details":"4个带发光细边框的圆角方形情绪卡片，配极简线条图标与小字副标题'Relax & Unwind'、'Deep & Calm'、'Stay on Track'、'Good Vibes'；右侧附'See all'"},{"title":"Time & Activity","count":4,"labels":["Morning","Workout","Commute","Sleep"],"details":"4个霓虹线条图标的圆角方形场景卡片，副标题为'Fresh Start'、'High Energy'、'On The Go'、'Rest Easy'；右侧附'See all'"},{"title":"Recently Played","count":4,"labels":["album 1","album 2","album 3","album 4"],"details":"4张小矩形专辑缩略图，由一条发光的绿色波形流动光轨水平串联；右侧附'See all'"},{"title":"Now playing bar","count":4,"labels":["缩略图","曲目名称","设备图标","播放按钮"],"details":"底部迷你播放条，含专辑缩略图、曲目名'Dancing in the Rain'、艺人'The Weeknd'、小型设备连接图标及白色播放按钮"}],"bottom_navigation":{"count":3,"labels":["Home","Search","Your Library"],"active":"Your Library","style":"简洁图标加文字标签栏，激活标签呈高亮荧光绿"}},"footer_info":{"sections":[{"title":"KEY COMPONENTS","position":"左下角","count":4,"labels":["AI-powered categories","Continue listening hero","Mood + activity grouping","Visual memory trails"]},{"title":"WHY IT WORKS","position":"底部中央","count":3,"labels":["Reduces clutter","Makes library intelligent","+ effortless"]},{"title":"INTERACTION","position":"右下角","count":4,"labels":["Horizontal swipe","Pull to reveal more","Long press customization","AI adapts in real-time"]}],"icons_count":3,"icons":["闪烁图标","大脑图标","轻点手势图标"]},"cta":{"count":2,"labels":["Spotify logo","[Made for how you listen.]"],"style":"底部居中的荧光绿大圆角线框按钮"},"style_notes":"高保真产品设计提案展示，干净排版，逼真iPhone渲染质感，屏幕玻璃反光，细腻青绿色环境光，现代UX设计案例海报风格，精致Dribbble展示质感"} ```