Text to Image
Local Web App Annotation Demo — AI Image Prompt
Generates a realistic localhost web app preview showing an annotation overlay used to request UI adjustments in a Build Web Apps workflow. - AIPinMaker

Prompt
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.38:T728,Using REFERENCE_0 as the context, create a follow-up screenshot that sPrompt breakdown
- Subject
- Browser-like localhost workspace at 127.0.0.1:4392 showing gallery-style Chinese poster cards inside rounded white panels with annotation overlay
- Style
- Clean white UI, soft shadows, rounded panels, realistic product-demo screenshot of local web app builder plus inline HTML annotation
- Composition
- Top bar with local address left and three window icons right, left toolbar with Search and blue comment button badge “1”, central floating annotation bubble, right-panel checkerboard placeholders, bottom row of Open/Folder/Path buttons
- Mood
- Professional, focused demo atmosphere for requesting UI refinements via built-in annotation
Remix ideas
- Swap the Chinese comment text to “这个卡片的边距太大,需要收紧” while keeping the same bubble layout and icons
- Change the localhost address to 127.0.0.1:8080 and update the status pill text to “已保存”
- Add a third poster thumbnail in the gallery using the same dark brown traditional styling but with a different landscape motif
Reference images

How to use this AI Image prompt template
1
Copy the prompt — grab this template’s prompt and negative prompt. 2
Pick a model — choose a recommended AI model for the best match. 3
Generate — open the studio with one click and create your result.
Related templates

Fitness Magazine Page Motion Sheet
Create a creative image of Fitness Magazine Page Motion Sheet. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: fitness-magazine-page-motion-sheet-18085.

Film Style Instructional Diagram
Create a creative image of Film Style Instructional Diagram. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: film-style-instructional-diagram-14715.

Convert Image to Editable PowerPoint Slide Prompt
Create a creative image of Convert Image To Editable Powerpoint Slide Prompt. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: convert-image-to-editable-powerpoint-slide-prompt-2163.

YAML prompt conversion for images and diagrams
Create a creative image of Yaml Prompt Conversion For Images And Diagrams. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: yaml-prompt-conversion-for-images-and-diagrams-706.

Academic Economics Chart Simulation
Create a creative image of Academic Economics Chart Simulation. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: academic-economics-chart-simulation-14396.

Side-by-Side PPT Reconstruction Demo
Using the provided reference image of the PowerPoint slide screenshot, recreate it as a clean, polished slide conversion result inside a side-by-side desktop comparison. Keep the same Japanese slide topic and overall layout, but remove the dense selection handles, edit boxes, and malformed vector artifacts from the reference so the slide appears properly reconstructed. Show 2 panels: on the left, a dark image viewer window displaying the exported slide image; on the right, the same slide opened in PowerPoint editing view. Preserve the original monochrome infographic style and Japanese text structure, but make the typography legible and the icons, dividers, and columns cleanly aligned. Keep the slide as a single-page infographic with 5 main content areas: 1 top title/header row, 3 mid-page comparison columns, 1 bottom use-case row containing 5 icon-labeled items. Include a footer line and the OpenAI logo at bottom right. Emphasize that this is a faithful PPT reconstruction from the uploaded image, with a realistic Windows desktop app screenshot look.
Explore more prompts
Browse more AI image and video prompts by category.
FAQ
- What Chinese text appears inside the floating annotation bubble?
- The default instruction reads “这个按钮的视觉和整体设计不符合,调整一下。” alongside a sliders icon, “取消” button, microphone, and black checkmark confirm.
- How many window/control icons sit in the top-right bar?
- Exactly three small icons appear beside the blue “正在注释” status pill and vertical three-dot menu.