Szenario: Layoutfehler · 2026-08-13
Identifiziere den einzelnen gesetzten sichtbaren Layoutfehler.
390 × 844 · 9 Modellkonfigurationen
Exakte Eingabe
You are evaluating a user interface screenshot for objective rendering defects.
Check only for these visible issue categories: viewport_cropping, container_clipping, text_overflow, element_overlap, obscured_actionable_control, or broken_responsive_reflow. Do not report subjective design preferences, copywriting concerns, or accessibility assumptions.
If there is one visible issue, return its category and the tight affected region on a normalized 0 to 1000 grid. If none of these issues is visible, return has_issue=false and null category and region values.
Return only data matching the supplied JSON schema. Do not describe your reasoning.
Erwarteter FehlerModelldaten
Blau markiert den gesetzten Fehlerbereich. Orange markiert den vom Modell zurückgegebenen Bereich, sofern vorhanden.
{"has_issue":true,"category":"viewport_cropping","region":{"x":41,"y":867,"width":959,"height":133}, "description": "The 'Flight update' section is partially cut off at the bottom of the screen, indicating a viewport cropping issue."}
{"has_issue":true,"category":"container_clipping","region":{"x":40,"y":820,"width":920,"height":90},"description":"Blue banner text is clipped by the overlapping red flight update banner at the bottom."}
{"has_issue":true,"category":"element_overlap","region":{"x":46,"y":852,"width":908,"height":63},"description":"A red update banner overlaps and obscures content within the blue card near the bottom of the screen."}
{
"has_issue": true,
"category": "obscured_actionable_control",
"region": {
"x": 46,
"y": 850,
"width": 908,
"height": 65
},
"description": "The 'Flight update' banner overlaps and obscures the main action button at the bottom of the screen."
}
{"has_issue":true,"category":"obscured_actionable_control","region":{"x":46,"y":869,"width":910,"height":23},"description":"The red flight-update banner overlaps and obscures the lower portion of the blue action button."}
{"has_issue":true,"category":"obscured_actionable_control","region":{"x":46,"y":850,"width":908,"height":64},"description":"The red flight update banner visibly covers the lower portion of the blue actionable button beneath it."}
{"has_issue":true,"category":"element_overlap","region":{"x":18,"y":718,"width":354,"height":55},"description":"The red 'Flight update' notification banner overlaps the blue 'Check-in' button above it, obscuring its text."}
{"has_issue":true,"category":"element_overlap","region":{"x":46,"y":1808,"width":908,"height":150},"description":"The red 'Flight update' banner overlaps and hides the blue 'Check in' button text at the bottom of the screen."}
Die Region muss in normalisierten Koordinaten von 0..1000 enthalten sein. has_issue=true erfordert eine Kategorie und eine normalisierte Region.
{"has_issue": true, "category": "element_overlap", "region": {"x": 46, "y": 850, "width": 907, "height": 64}, "description": "The red 'Flight update' banner is overlapping the blue 'Check in' button at the bottom of the screen."}