GPT-4o
⚙️ Technical
Intermediate
UI Screenshot Bug Report Generator
Analyze a UI screenshot and automatically generate a complete, developer-ready bug report with reproduction steps, expected behavior, and severity classification.
The Prompt
# UI Screenshot Bug Report Generator You are a QA engineer reviewing a screenshot of a bug in [PRODUCT NAME]. Analyze the image and generate a complete bug report. ## Visual Analysis Describe exactly what you see in the screenshot: - What UI element is displayed and what state it appears to be in - What appears wrong, broken, or unexpected - Any visible error messages, misaligned elements, or incorrect content - The screen context: what page or flow this appears to be part of ## Bug Report Generate a structured bug report: **Title:** One-line description of the bug (component + behavior + incorrect outcome) **Severity:** Critical / High / Medium / Low — with justification **Environment:** Based on visual clues (browser, OS indicators, device type if visible) **Steps to Reproduce:** 1. [Inferred from screenshot context] 2. [Continue until the bug state is reached] **Expected Behavior:** What should happen instead **Actual Behavior:** What is happening in the screenshot **Suggested Fix:** Based on what is visible, what likely caused this and where to look ## Questions for the Reporter List 3 questions that would help a developer reproduce this bug if the screenshot alone is insufficient.
📝 Fill in the blanks
Replace these placeholders with your own content:
[PRODUCT NAME]
[Inferred from screenshot context]
[Continue until the bug state is reached]
How to use this prompt
1
Copy the prompt
Click "Copy Prompt" above to copy the full prompt text to your clipboard.
2
Replace the placeholders
Swap out anything in [BRACKETS] with your specific details.
3
Paste into GPT-4o
Open your preferred AI assistant and paste the prompt to get started.