
Local Web App Annotation Demo
Generates a realistic localhost web app preview showing an annotation overlay used to request UI adjustments in a Build Web Apps workflow.
提示词
可复制提示词
Using REFERENCE_0 as the context, create a follow-up screenshot that shows the selected “Build Web Apps” tool in action as a local web app preview. Replace the plugin list view with a browser-like localhost workspace at {argument name="local address" default="127.0.0.1:4392"}, clean white UI, soft shadows, and rounded panels.
Main change: show an app-building/annotation interface rather than the original plugin directory. Add a top bar with the local address on the left and exactly 3 small window/control icons on the right. Add a blue annotation status pill on the upper right with the text {argument name="annotation status" default="正在注释"} and a vertical three-dot menu beside it.
Content area: create a gallery-style UI with Chinese poster/card designs inside rounded white panels. Include a left toolbar row with a Search button and a blue comment/annotation button carrying a badge labeled “1”. Show at least two visible poster/card thumbnails, using dark brown traditional Chinese visual styling, while leaving some checkerboard transparent-placeholder areas in the right panel.
Overlay: place a large floating rounded annotation input bubble centered near the top-middle of the content. It should look like an inline AI comment editor, with a sliders/settings icon on the left, Chinese instruction text {argument name="comment text" default="这个按钮的视觉和整体设计不符合,调整一下。"}, a “取消” cancel button, a small microphone icon, and a black circular confirm button with a white checkmark.
Bottom of the right preview panel: add exactly 3 action buttons labeled “Open”, “Folder”, and “Path”, each with a simple line icon. Keep the screenshot realistic, like a product demo of using Build Web Apps plus built-in HTML annotation to request UI refinements.提示词变量
从提示词中识别到的可编辑 argument 占位符及默认值。
变量
local address
默认值
127.0.0.1:4392
变量
annotation status
默认值
正在注释
变量
comment text
默认值
这个按钮的视觉和整体设计不符合,调整一下。
同分类案例
优先推荐同分类、同输入模式且风险更低的案例。
复用与来源说明
看完案例后,再安全复用这个提示词。
- 1.复制 prompt,或点击生成入口在 Dovoo 中直接打开。
- 2.按你的用途调整变量、画面比例和参考图。
- 3.发布或商用前,复核来源权利、归因要求以及品牌、肖像或版权风险。
这个提示词可以商用吗?
当前商业使用状态为 allowed。付费或公开使用前,请复核原始来源、许可、品牌限制和法务要求。
这个案例来自哪里?
该案例导入自 GPT Image 2 prompt catalog;复用时请保留来源归因,并打开来源 URL 检查最新授权信息。





