
การสาธิตการใส่คำอธิบายประกอบในเว็บแอปพลิเคชันท้องถิ่น
สร้างตัวอย่างเว็บแอปบน localhost ที่สมจริง โดยแสดงภาพซ้อนของคำอธิบายประกอบที่ใช้ในการร้องขอการปรับแต่ง UI ในขั้นตอนการสร้างเว็บแอป
นี่คือตัวอย่างข้อความแจ้งเตือน GPT Image 2 สำหรับ แรงบันดาลใจอื่นๆ ใช้ข้อความแจ้งเตือนที่พร้อมใช้งานด้านล่างเพื่อสร้างภาพที่คล้ายกัน และตรวจสอบการอ้างอิง Awesome GPT Image 2 Prompts รวมถึงสิทธิ์ในการใช้งานเชิงพาณิชย์ก่อนนำไปใช้ซ้ำ
Free 1K preview
Generate one preview image instantly, no sign-up required.
พรอมป์
ข้อความแจ้งเตือนพร้อมสำหรับการคัดลอก
With REFERENCE_0 as context, create a follow-up screenshot demonstrating the “Build Web Apps” tool running as a local web app preview. Replace the plugin list view with a browser-style localhost workspace for {argument name="local address" default="127.0.0.1:4392"}, employing a clean white UI, soft shadows, and rounded corner panels.
Key Changes: Showcase an app building/annotation interface instead of the original plugin directory. Add a top bar with the local address displayed on the left and 3 small window/control icons on the right. Include a blue annotation status capsule in the upper right corner with the text {argument name="annotation status" default="Commenting"}, accompanied by a vertical three-dot menu.
Content Area: Create a gallery-style UI showcasing Chinese poster/card designs within rounded white panels. Include a left-side toolbar row with a search button and a blue comment/annotation button marked with “1”. Display at least two visible poster/card thumbnails in a dark brown, traditional Chinese visual style, while maintaining some grid-pattern transparent placeholder areas on the right panel.
Overlay: Position a large, floating, rounded corner annotation input bubble centered in the upper-middle of the content area. It should resemble an embedded AI comment editor, with slider/settings icons on the left, containing Chinese instruction text {argument name="comment text" default="The visual and overall design of this button doesn't align, please adjust it."}, a “Cancel” button, a microphone icon, and a black circular confirmation button with a white checkmark.
Bottom of the right preview panel: Add 3 operation buttons labeled “Open”, “Folder”, and “Path”, each accompanied by a simple line icon. Maintain the realism of the screenshot, as if it were a product demo requesting UI optimization using Build Web Apps combined with built-in HTML annotation.ตัวแปรพร้อมท์
ตัวอย่างค่าอาร์กิวเมนต์ที่แก้ไขได้ซึ่งพบในข้อความแจ้งเตือน พร้อมค่าเริ่มต้น
Best for
- - แรงบันดาลใจอื่นๆ visual exploration
- - Image generation and reference-image edits
- - Reusable briefs that keep source attribution visible
Change these parts
- - Subject, product, character, or scene
- - Aspect ratio, camera, lighting, and background
- - Brand, text, color, and output constraints
Recommended model and settings
- - Model: gpt-image-2
- - Input mode: ข้อความเป็นรูปภาพ
- - Aspect ratio: source
- - Commercial status: review original source
How to use this prompt
- 1. Copy the prompt and preserve its structure for the first test.
- 2. Replace the subject, context, and publishing channel.
- 3. Change one camera, lighting, or style variable per iteration.
- 4. Inspect the output, source, text, and rights before reuse.
Limitations, source, and reuse cautions
- - Generated output is an editable draft, not factual, legal, or rights evidence.
- - Review the linked source, people, brands, logos, text, and third-party media before commercial use.
Related prompt packs
กรณีเพิ่มเติมในหมวดหมู่นี้
จัดลำดับความสำคัญตามหมวดหมู่ ความเข้ากันได้กับโหมดการป้อนข้อมูล คุณภาพ และความเสี่ยงที่ต่ำกว่า






หมายเหตุเกี่ยวกับการนำกลับมาใช้ใหม่และแหล่งที่มา
ใช้ข้อความแจ้งเตือนนี้อย่างปลอดภัยหลังจากดูตัวอย่างกรณีแล้ว
- 1.คัดลอกข้อความแจ้งเตือน หรือเปิดโดยตรงใน Dovoo โดยใช้ปุ่มสร้างข้อความ
- 2.ปรับตัวแปร อัตราส่วนภาพ และภาพอ้างอิงให้เหมาะสมกับกรณีการใช้งานของคุณ
- 3.ก่อนเผยแพร่หรือใช้งานโดยเสียค่าใช้จ่าย โปรดตรวจสอบสิทธิ์ในแหล่งที่มา ข้อกำหนดการอ้างอิง และความเสี่ยงด้านแบรนด์หรือภาพลักษณ์