本地 Web 應用程式標註演示

生成一個逼真的 localhost Web 應用程式預覽，展示用於在 Build Web Apps 工作流程中請求 UI 調整的標註疊加層。

提示詞

以 REFERENCE_0 為背景，建立一張後續截圖，展示所選的「Build Web Apps」工具在本地 Web 應用程式預覽中的運作情形。將外掛程式列表視圖替換為類似瀏覽器的 localhost 工作區（位址為 127.0.0.1:4392），採用乾淨的白色 UI、柔和陰影及圓角面板。主要變更：顯示應用程式建構/標註介面，而非原始的外掛程式目錄。新增一個頂部列，左側顯示本地位址，右側放置 3 個小型視窗/控制圖示。在右上角新增一個藍色的標註狀態膠囊，文字為正在註釋，並在旁邊放置一個垂直的三點選單。內容區域：建立一個畫廊風格的 UI，在圓角白色面板中展示中文海報/卡片設計。包含一個左側工具列，內含搜尋按鈕和一個帶有「1」標記的藍色評論/標註按鈕。至少顯示兩個可見的海報/卡片縮圖，採用深棕色傳統中文視覺風格，並在右側面板保留一些棋盤格透明佔位區域。疊加層：在內容區域中上方中央放置一個大型浮動圓角標註輸入氣泡。它應看起來像是一個內嵌式 AI 評論編輯器，左側帶有 Slides/設定圖示，包含中文指令文字這個按鈕的視覺和整體設計不符合，調整一下。、「取消」按鈕、一個小型麥克風圖示，以及一個帶有白色勾選標記的黑色圓形確認按鈕。右側預覽面板底部：新增 3 個標籤為「Open」、「Folder」和「Path」的操作按鈕，每個按鈕均配有簡單的線條圖示。保持截圖的真實感，呈現出使用 Build Web Apps 結合內建 HTML 標註來請求 UI 優化的產品演示效果。