
UI / UX 设计
macOS 看板代码审查仪表盘
生成清晰的浅色模式 macOS 工程评审仪表板,包含多个看板泳道与侧边检查器栏。可自定义泳道标题、状态指标和卡片文本以匹配工作流。
macos看板代码审查ui设计仪表盘浅色模式生产力工具
浏览相似提示词UI界面设计 AI 提示词
提示词
{
"type": "desktop app UI mockup",
"platform": "macOS",
"style": "简洁浅色模式生产力仪表板,柔和暖灰色背景,圆角卡片,微弱阴影,纤细分割线,极简现代SaaS美学,信息紧凑但视觉沉稳的布局",
"app": {
"name": "[ReviewBoard]",
"window_controls": "左上角macOS红黄绿交通灯控制按钮"
},
"layout": {
"structure": "单个宽屏桌面窗口,划分为多个垂直列及右侧检查器侧边栏",
"sections": [
{
"title": "[Inbox]",
"position": "far left column",
"count": 2,
"labels": [
"[Add wallet reordering to side...]",
"[Add Tor proxy support for nod...]"
]
},
{
"title": "[Needs Response]",
"position": "second column from left",
"count": 7,
"labels": [
"[Add wallet recovery word sta...]",
"[Implement transaction watche...]",
"[Add Key Teleport receive flow...]",
"[Add cove-keyteleport crate: K...]",
"[let users download their TAPSI...]",
"[Feat cache receive addresse...]",
"[[Feat] Custom block explorer]"
]
},
{
"title": "[Waiting On CI]",
"position": "third column",
"count": 0,
"labels": []
},
{
"title": "[Waiting On Codex]",
"position": "fourth column",
"count": 3,
"labels": [
"[detect silent payment address...]",
"[Extract pi and pjs params fro...]",
"[Fix fiat amount paste stripping...]"
]
},
{
"title": "[Waiting On Manual Test]",
"position": "fifth column",
"count": 0,
"labels": []
},
{
"title": "[Watching Merge]",
"position": "sixth column",
"count": 0,
"labels": []
},
{
"title": "[Inspector]",
"position": "far right sidebar",
"count": 8,
"labels": [
"Signals",
"Checks",
"PR Context",
"Tags and Notes",
"Notes",
"Blockers",
"Workflow",
"Recent Commits"
]
}
],
"top_right_controls": {
"count": 3,
"labels": [
"Board",
"List",
"Refresh"
]
}
},
"board": {
"column_style": "高挑浅灰色看板泳道,带有标题标签、小数量胶囊徽标,空白泳道中居中显示空状态拖放目标区",
"cards": {
"shape": "小型白色圆角矩形,带微弱阴影和细边框",
"metadata": "左上角为问题或PR编号,粗体截断标题,下方为作者及时间戳,小状态胶囊,右上角可选微小橙色通知红点"
}
},
"inspector": {
"tabs": {
"count": 3,
"labels": [
"OPEN",
"NEEDS DESIGN",
"DRAFT"
],
"active": "[NEEDS DESIGN]"
},
"signals": "浅灰色空白面板,显示无阻塞信号文本",
"checks": {
"summary": "水平状态卡片,包含Passing、Pending、Failing三列以及右侧Total 9",
"counts": {
"Passing": 9,
"Pending": 0,
"Failing": 0
}
},
"pr_context": {
"fields": [
"Base",
"Head",
"Merge State",
"CI Approval",
"Clean",
"Updated",
"Apr 21, 2026 at 2:36 PM",
"SHA",
"[a7c48b5a]"
]
},
"workflow": {
"buttons": [
"Mark Unseen",
"1 Day",
"3 Days",
"1 Week",
"Snooze"
]
}
},
"camera": "正视全窗口屏幕截图",
"text_rendering": "极其清晰的微型UI字体排版,真实的软件产品设计展示",
"color_palette": {
"background": "极浅暖灰色",
"columns": "#f4f5f7",
"cards": "#ffffff",
"accent": "微绿状态徽章,淡蓝活动选项卡高亮,沉稳炭灰色字体"
}
}可以替换的部分
生成前,把提示词里的这些部分换成你自己的主题或文案。
[ReviewBoard]占位符[Inbox]占位符[Add wallet reordering to side...]占位符[Add Tor proxy support for nod...]占位符[Needs Response]占位符[Add wallet recovery word sta...]占位符[Implement transaction watche...]占位符[Add Key Teleport receive flow...]占位符
提示词信息
- 模型
- GPT IMAGE 2
- 每张图消耗
- 1K:43 积分 · 2K:86 积分 · 4K:143 积分
- 画幅比例
- 16:9
- 收录时间