# GPT Image Hub prompt

## 本地Web应用批注界面
- URL: https://www.gptimagehub.com/zh-CN/library/localhost-web-app-annotation-interface
- Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-22642
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Flocalhost-web-app-annotation-interface
- Category: UI / UX 设计
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui截图, web应用, 批注工具, 本地主机, 软件原型, ui设计
- Updated: 2026-10-27T18:19:13.098Z
- Created: 2026-10-27T18:19:13.098Z

生成在本地Web应用上演示AI批注工具的真实浏览器UI截图。修改本地地址、评论文本和状态标签即可调整工作流。

### Full prompt
```text
基于参考图像上下文的真实UI产品截图，展示位于 [127.0.0.1:4392] 的本地Web应用预览环境。整体为纯净白色的类浏览器本地主机工作区，带有柔和投影与现代圆角面板。顶部浏览器栏左侧显示本地地址，右侧有恰好3个极简窗口控制图标；右上角带有一个蓝色标注状态药丸标签，显示文字“[正在注释]”，旁边带有垂直三点菜单。

主工作区为画廊风格UI，圆角白色面板内展示中式海报卡片设计。左侧工具栏包含搜索按钮和一个带有角标“1”的蓝色评论标注按钮。区域内至少展示两张深棕色传统中式风格的海报缩略图，右侧预览面板留有部分棋盘格透明占位区域。

画布中上方悬浮着一个大型圆角气泡输入框，作为行内AI反馈编辑器。气泡内包含：左侧滑块设置图标、中文指令文本“[这个按钮的视觉和整体设计不符合，调整一下。]”、“取消”按钮、微型麦克风图标，以及带有白色对勾的黑色圆形确认按钮。右侧预览面板底部排列恰好3个操作按钮，分别标注为“Open”、“Folder”和“Path”，均带有简洁线条图标。
```