프롬프트/GPT Image 프롬프트/프롬프트 세부 정보이미지 프롬프트로컬 웹 앱 주석 데모Build Web Apps 워크플로에서 UI 조정을 요청하는 데 사용되는 주석 오버레이를 보여주는 사실적인 로컬호스트 웹 앱 미리보기를 생성합니다.이 프롬프트는 참조 이미지와 함께 사용되었습니다이 프롬프트 사용좋아요1조회592북마크2이 프롬프트를 저장하거나 친구와 공유하세요.프롬프트 공유프롬프트복사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.프롬프트 보기