返回 English 西西提示词
Goal: Create a dark-mode desktop app UI mockup for a JSON diff tool named {argument name="app name" default="… - AI提示词参考图,来自西西提示词

Tilted Diffs 深色UI模型 AI图片提示词

Prompt

创建一个名为{argument name="app name" default="Tilted Diffs"}的JSON差异比较工具的深色模式桌面应用UI模型,显示标题为{argument name="diff title" default="API Response — Checkout v2"}的API响应比较。画布:16:10宽屏桌面截图,约1152×768,带有macOS风格的应用窗口浮在深蓝渐变背景上。使用微妙阴影、圆角、细边框和精致的开发者工具美学。布局:应用有4个主要区域:1个左侧边栏,1个跨越编辑器区域的顶部工具栏,3个垂直代码编辑器面板。第一个编辑器面板被选中并用亮蓝色聚焦光晕勾勒。中间面板显示彩色内联差异高亮。最右侧面板窄且部分可见,像额外的文件标签或第三个比较列。左侧边栏:在左上角显示macOS交通灯按钮:3个圆形,红、黄、绿。在应用名称下,包含1个搜索字段,占位符文本“Search diffs…”和键盘提示。下方正好显示8个已保存的差异列表项,带有小文档图标和时间戳:1)“API Response — Checkout v2”和“Today, 10:24 AM”,蓝色高亮为选中项;2)“User Profile — Public API”和“Yesterday, 4:18 PM”;3)“Orders Endpoint — v1 vs v2”和“May 20, 2025, 9:14 AM”;4)“Product Catalog — EU Region”和“May 19, 2025, 2:47 PM”;5)“Auth Response — SSO”和“May 18, 2025, 11:03 AM”;6)“Billing Summary — Q2”和“May 17, 2025, 3:22 PM”;7)“Webhook Payload — Stripe”和“May 16, 2025, 10:11 AM”;8)“Search Results — Relevance”和“May 15, 2025, 5:35 PM”。底部包含1个突出的蓝色“+ New Diff”按钮和1个小齿轮图标。顶部工具栏:左侧显示标题“API Response — Checkout v2”和一个小编辑铅笔图标。居中是一个分段控件,正好2个标签:“Editors”选中为蓝色,“Diff”未激活。右侧正好包含4个紧凑的快捷控制,标签为“⌘T add column”,“⌘D toggle diff”,“⌘← / ⌘→ move focus”,两组之间有一个小间距。编辑器面板:使用等宽代码字体、行号、JSON语法高亮、深海军蓝面板和细圆角边框。左侧面板标题是“source.json”,带文档图标和三点菜单。中间面板标题是“target.json”,带文档图标和三点菜单。窄右侧面板标题是“more.json”,只显示代码左侧部分,暗示溢出。每个完整编辑器面板底部有状态栏,显示“Ln 1, Col 1”,“Spaces: 2”,“UTF-8”,“LF”和“JSON”。代码内容:显示订单结账响应的JSON。使用requestId “req_8f3a9b42”,orderId “ord_123456”,货币USD,项目为Wireless Headphones和Travel Case,以及运输信息。左侧源版本应包含timestamp “2025-05-21T10:24:31Z”,version “v1”,status “pending”,totalAmount 129.99,Wireless Headphones的unitPrice 99.99,discount null,Travel Case的quantity 1,unitPrice 30.00,discount null,shipping method “standard”,estimatedDays 5,地址行“123 Market St”。中间目标版本应在左侧装订线显示差异标记,并带有彩色行高亮:红色删除行,绿色新增行,黄色更改行。它应将timestamp从“2025-05-20T15:11:09Z”改为“2025-05-21T10:24:31Z”,version改为v2,status从pending改为confirmed,totalAmount改为139.99,Wireless Headphones的unitPrice改为109.99并添加discount为10.00,Travel Case的quantity改为2,shipping method改为express,estimatedDays改为2。每个完整编辑器显示大约32行编号。视觉风格:高级SaaS开发者工具界面,清晰的矢量渲染,深色主题,钴蓝色强调色,柔和的灰色文字,真实但干净的UI截图,无人物,无水印,应用窗口外无浏览器chrome。所有文本清晰可读且对齐网格。

AI图片内容分析

内容: 提示词结构:画布(16:10宽屏,macOS窗口+深蓝渐变背景)、布局(左侧边栏+顶部工具栏+3个编辑器面板)、左侧边栏(交通灯按钮、搜索框、8个列表项、按钮和齿轮图标)、顶部工具栏(标题、分段控件、快捷键)、编辑器面板(等宽字体、行号、语法高亮、标题、状态栏)、代码内容(JSON对象及差异标记)、视觉风格(深色主题、钴蓝强调、网格对齐)。

优点: 1. 极其详细,包含UI元素数量、位置、颜色等精确描述,可生成高度一致的图片。2. 视觉风格和交互细节明确(如聚焦光晕、差异高亮、快捷键)。

缺点: 1. 描述过长,可能超出模型理解窗口,导致忽略细节。2. 部分数值(如“32行”)可能限制AI生成灵活性。

参考图: 不明显依赖参考图

作者
Hady
类型
图片
比例
3:2
尺寸
1200 × 800
入库时间
2026-06-04

素材取材于网络公开页面,如有侵权或权益问题,请联系作者删除。 版权与隐私

放大预览