本地网络应用标注演示

Generates a realistic localhost web app preview showing an annotation overlay used to request UI adjustments in a Build Web Apps workflow.

使用REFERENCE_0作为上下文，创建一个后续截屏，显示选定的「Build Web Apps」工具作为本地网页应用程序预览运作。将插件列表视图替换为浏览器风格的本机工作区，位于{argument name="local address" default="127.0.0.1:4392"}，干净的白色UI、柔和阴影和圆角面板。

主要变化：显示一个应用程序建置/注释接口，而不是原始的插件目录。添加一个顶部栏，左侧有本机地址，右侧正好有3个小窗口/控制图标。在右上角添加一个蓝色注释状态胶囊，文本为{argument name="annotation status" default="正在注释"}，旁边有一个垂直三点击单。

内容区域：创建一个画廊风格的UI，圆角白色面板内包含中文海报/卡片设计。包括一个左侧工具列行，有一个搜索按钮和一个带有徽章标签「1」的蓝色评论/注释按钮。显示至少两个可见的海报/卡片缩略图，使用深棕色传统中文视觉风格，同时在右侧面板留有一些棋盘格透明占位区域。

覆盖层：在内容顶部中间附近放置一个大型浮动圆角注释输入气泡。它应该看起来像一个内联AI评论编辑器，左侧有滑杆/设置图标，中文指令文本{argument name="comment text" default="这个按钮的视觉和整体设计不符合，调整一下。"}，一个「取消」取消按钮，一个小麦克风图标，以及一个带有白色勾选标记的黑色圆形确认按钮。

右侧预览面板底部：添加正好3个动作按钮，标签为「Open」、「Folder」和「Path」，每个都有一个简单的线条图标。保持截屏真实，像使用Build Web Apps加上内置HTML注释请求UI改进的产品示范。

机器翻译 — 实际生成作品的是原文提示词。

✨ 生成 收藏 复制提示词 分享 原始帖子 在 Hitboard 打开