← Back to prompt library

GPT Image 2 · Image

Localhost UI Annotation Demo

Imported YouMind GPT Image 2 commerce prompt matched by "海报".

@马特Matt海报English2026-06-22
Localhost UI Annotation Demo
842Views
36Likes
14Copies
ImageFormat

Generation prompt

以 REFERENCE_0 为上下文,创建一个后续截图,展示所选的“Build Web Apps”工具作为本地 Web 应用预览的运行效果。将插件列表视图替换为 的浏览器风格 localhost 工作区,采用简洁的白色 UI、柔和阴影和圆角面板。 主要变化:展示一个应用构建/标注界面,而非原始的插件目录。添加一个顶部栏,左侧显示本地地址,右侧显示 3 个小型窗口/控制图标。在右上角添加一个蓝色的标注状态胶囊,文字为 ,旁边附带一个垂直的三点菜单。 内容区域:创建一个画廊风格的 UI,在圆角白色面板内展示中文海报/卡片设计。包含一个左侧工具栏行,带有搜索按钮和一个带有“1”标记的蓝色评论/标注按钮。至少显示两个可见的海报/卡片缩略图,采用深棕色中式传统视觉风格,同时在右侧面板保留一些棋盘格透明占位区域。 覆盖层:在内容区域中上部居中放置一个大型浮动圆角标注输入气泡。它应看起来像一个内嵌式 AI 评论编辑器,左侧带有滑块/设置图标,包含中文指令文本 、“取消”按钮、一个小麦克风图标,以及一个带有白色对勾的黑色圆形确认按钮。 右侧预览面板底部:添加 3 个操作按钮,分别标注为“Open”、“Folder”和“Path”,每个按钮配有一个简单的线条图标。保持截图的真实感,如同使用 Build Web Apps 结合内置 HTML 标注来请求 UI 优化的产品演示。

AutoAGC workflow

Turn it into a reusable workflow

  1. Copy the prompt text and keep the role, task, model, style, and output constraints.
  2. Paste it into GPT Image 2 or a comparable model with your reference material or workflow brief.
  3. Replace the final constraints for output format, brand voice, language, and execution objective.

Asset

Resource preview

Localhost UI Annotation Demo
Asset type
Image
Model
GPT Image 2
Scene
海报

More prompts

More GPT Image 2 system prompts

Browse workflows

All Image workflow scenes