AAWEA.ORG
AAWEA.ORG
AAWEA.ORG

Local Web App Annotation Demo

Local Web App Annotation Demo
πŸ“ Prompt Template
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 [local address], 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 [annotation status] 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 [comment text], 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.
πŸ’‘ About This Prompt

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

οΏ½
马特Matt
@马特matt
Metadata
Published Jun 12, 2026
Model
GPT Image 2 10 cr/run
Category
Abstract & Concept
0
Likes
0
Views
0
Shares
0
Comments
0
Bookmarks
0
Uses
⚑ TRY IT NOW
Share Now

0 Comments

Sign in to join the discussion
πŸ’¬
No comments yet. Be the first!

πŸ‘₯ Co-learning Circle 0

Observe other members' variables & configurations, and click "Study & Retry" to instantly import settings and practice!

πŸ‘₯
No users have run this prompt yet.
Preview