本地Web应用预览中的构建与注释界面 AI图片提示词

使用 REFERENCE_0 作为上下文，创建一张后续截图，展示所选的“Build Web Apps”工具在本地 Web 应用预览中的实际运行效果。将插件列表视图替换为一个类似浏览器的本地主机工作区，地址为 {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 改进的产品演示。